@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#11324d;--roche-blue:#0b41b0;--roche-blue-dark:#072d7c;--roche-blue-soft:#dce8ff;--health-teal:#0f7f86;--health-mint:#dff5f3;--ink:#11324d;--ink-soft:#577187;--panel:#ffffffe6;--panel-strong:#fffffffa;--panel-blue:linear-gradient(145deg, #fffffff5, #e9f2ffeb);--border:#11324d1f;--shadow:0 18px 45px #0d38661a;--success:#13795b;--success-bg:#ddf5eb;--warning:#b66912;--warning-bg:#fff1de;--danger:#c24f3d;--danger-bg:#fde6e1;background:radial-gradient(circle at 0 0,#68b5ff29,#0000 28%),radial-gradient(circle at 100% 100%,#0b41b01a,#0000 30%),linear-gradient(#f6fbff 0%,#eef6fb 46%,#e8f1f8 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button-link{background:linear-gradient(135deg, var(--roche-blue), #1c6ce0);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:.85rem 1.1rem;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 24px #0b41b02e}button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0b41b038}.button-link{text-align:center;justify-content:center;align-items:center;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.ghost-button{color:var(--roche-blue);box-shadow:none;background:#ffffffeb;border:1px solid #0b41b02e}.danger-button{background:linear-gradient(135deg, var(--danger), #e16754);color:#fff;box-shadow:0 12px 24px #c24f3d29}.page{flex-direction:column;gap:1.5rem;display:flex}.hero{place-items:center;min-height:auto;padding:2rem 1.5rem;display:grid}.hero-panel{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:stretch;gap:1.25rem;width:min(1220px,100%);display:grid}.hero-copy,.hero-actions,.section-card,.auth-card,.scanner-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:28px}.hero-copy{background:radial-gradient(circle at 88% 12%, #7de2de42, transparent 24%), radial-gradient(circle at 12% 88%, #ffc4db33, transparent 26%), linear-gradient(135deg, #092d77f5, #0f68d6db), var(--panel);color:#fff;flex-direction:column;justify-content:center;min-height:100%;padding:2.75rem 3rem;display:flex}.hero-copy .muted,.hero-copy p{color:#ffffffd1}.hero-brand-row,.hero-trust-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.ivoucher-wordmark,.shell-wordmark{letter-spacing:-.04em;align-items:center;gap:.55rem;font-weight:800;display:inline-flex}.ivoucher-wordmark{color:#fff;font-size:1.55rem}.shell-wordmark{color:#fff;font-size:1.28rem}.ivoucher-mark{width:2rem;height:2rem;color:var(--roche-blue-dark);background:linear-gradient(135deg,#fff,#dce8ff);border-radius:.8rem;place-items:center;font-family:IBM Plex Mono,monospace;font-weight:800;display:inline-grid;box-shadow:0 14px 26px #072d7c38}.hero-trust-row{margin-top:1.25rem}.hero-trust-row span{color:#ffffffe6;opacity:0;background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;padding:.55rem .72rem;font-size:.86rem;font-weight:600;animation:.56s forwards badgeRiseIn,4.6s ease-in-out infinite badgePulse;position:relative;overflow:hidden;transform:translateY(10px)}.hero-trust-row span:first-child{animation-delay:.52s,1.2s}.hero-trust-row span:nth-child(2){animation-delay:.65s,1.7s}.hero-trust-row span:nth-child(3){animation-delay:.78s,2.2s}.hero-trust-row span:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:42%;animation:5.4s ease-in-out infinite badgeSweep;position:absolute;inset:-30% auto -30% -45%;transform:skew(-20deg)}.hero-trust-row span:nth-child(2):after{animation-delay:.75s}.hero-trust-row span:nth-child(3):after{animation-delay:1.5s}.hero-kicker,.brand-kicker,.eyebrow{color:var(--roche-blue);text-transform:uppercase;letter-spacing:.08em;background:#0b41b01a;border-radius:999px;padding:.36rem .72rem;font-size:.8rem;font-weight:600;display:inline-block}.hero-copy .hero-kicker{color:#fff;background:#ffffff24;width:fit-content}.hero h1,.brand-mark h1{margin:1rem 0 .6rem;font-size:clamp(2.45rem,4vw,4.4rem);line-height:.96}.hero-title{flex-direction:column;gap:.1em;display:flex}.hero-title span{opacity:0;animation:.7s forwards heroLineIn;display:block;transform:translateY(18px)}.hero-title span:nth-child(2){animation-delay:90ms}.hero-title span:nth-child(3){animation-delay:.18s}.hero-title span:nth-child(4){animation-delay:.27s}.hero-title span:nth-child(5){animation-delay:.36s}.hero-title span:nth-child(6){animation-delay:.45s}.hero-title-emphasis{color:#ffe4f0}.hero-title-soft{color:#dbe9ff}.hero-actions{background:var(--panel-blue);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-content:start;gap:.9rem;min-height:100%;padding:1.15rem;display:grid}.home-card{background:linear-gradient(180deg, #fffffffa, #f6fafff5), var(--panel-strong);border-radius:24px;flex-direction:column;align-content:start;gap:.65rem;height:100%;min-height:170px;padding:1.2rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.home-card:hover{border-color:#0b41b033;transform:translateY(-2px);box-shadow:0 18px 34px #0d38661c}.home-card p{margin:0}.home-card h2{font-size:1.05rem;line-height:1.1}.home-card .eyebrow{width:fit-content}.home-card-actions{margin-top:auto;padding-top:.35rem}.home-card-meta{color:var(--ink-soft);font-size:.92rem}.home-card-meta a{color:var(--roche-blue);font-weight:600}.hero-action-link{border-radius:16px;width:100%;min-height:3rem}.hero-illustration{background:#ffffff1f;border:1px solid #ffffff24;border-radius:24px;margin-top:1.6rem;padding:1rem}.hero-illustration svg{width:100%;height:auto}.hero-illustration-caption{color:#ffffffdb;flex-direction:column;gap:.35rem;margin-top:.85rem;display:flex}.hero-illustration-caption span{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.hero-illustration-caption strong{font-size:1rem}.shell{grid-template-columns:minmax(248px,280px) minmax(0,1fr);align-items:start;gap:1.4rem;width:min(1360px,100% - 2rem);min-height:100vh;margin:0 auto;padding:1.25rem 0 1.5rem;display:grid}.shell-sidebar{color:#fff;background:linear-gradient(#072d7cfa,#0b41b0f0),#072d7c;border:1px solid #ffffff14;border-radius:30px;flex-direction:column;gap:1.2rem;min-height:calc(100vh - 2.5rem);padding:1.4rem;display:flex;position:sticky;top:1.25rem;overflow:hidden;box-shadow:0 24px 48px #072d7c38}.brand-mark{gap:.45rem;display:grid}.shell-sidebar .brand-mark h1{word-break:break-word;margin:.35rem 0 0;font-size:clamp(1.95rem,3vw,2.65rem);line-height:.95}.shell-sidebar .brand-kicker{color:#fff;background:#ffffff24}.shell-sidebar p{color:#ffffffc7;margin:0}.shell-main{min-width:0;padding:.35rem 0 0}.shell-main-inner{width:min(1080px,100%)}.nav-stack{gap:.55rem;display:grid}.nav-link{color:#ffffffc7;border-radius:16px;align-items:center;min-height:3.1rem;padding:.95rem 1rem;transition:background .18s,color .18s;display:flex}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff1f;font-weight:600}.profile-panel{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:20px;gap:.25rem;margin-top:auto;padding:1rem;display:grid}.profile-name{margin:0;font-size:1.05rem;font-weight:700}.profile-email{color:#ffffffc7;word-break:break-word;margin:.25rem 0 1rem}.profile-panel .ghost-button{width:fit-content;min-width:0;margin-top:.25rem}.section-card,.auth-card,.scanner-card{background:var(--panel-strong);padding:1.5rem}.section-card{box-shadow:0 16px 36px #0d386614}.auth-hero{padding:1.5rem}.auth-card-wide{width:min(560px,100%)}.registration-card{width:min(720px,100%)}.auth-card-panel{flex-direction:column;gap:.9rem;display:flex}.section-card.inset-card{box-shadow:none;background:linear-gradient(#fcfeff,#f6fbff);border:1px solid #0b41b014}.section-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-card h2,.auth-card h2,.hero-actions h2,.section-card h3{margin:0}.section-card p,.auth-card p{color:var(--ink-soft);margin:.3rem 0 0}.dashboard-banner{background:linear-gradient(135deg,#0b41b01f,#0f7f8614),#fff;border:1px solid #0b41b01f;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.3rem 1.4rem;display:flex}.dashboard-banner h3,.facility-card h3{margin:.45rem 0 .2rem}.grid-2,.grid-3,.stats-grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid{gap:.95rem;margin-top:1rem;display:grid}.field-grid label,.inline-field{color:var(--ink-soft);gap:.42rem;font-size:.88rem;font-weight:600;display:grid}.field-grid input,.field-grid select,.field-grid textarea,.inline-field input,.inline-field select,.inline-field textarea,.search-bar input,.compact-select{width:100%;color:var(--ink);background:#f7fbffeb;border:1px solid #11324d1f;border-radius:14px;padding:.88rem 1rem}.voucher-qr-preview{background:#fff;border:1px solid #0b41b024;border-radius:18px;width:min(260px,100%);padding:.8rem;box-shadow:0 18px 34px #0d38661a}.small-copy{font-size:.78rem;font-weight:500}.form-chip{width:fit-content;color:var(--ink-soft);background:#0b41b012;border:1px solid #0b41b01f;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.84rem;font-weight:700;display:inline-flex}.form-chip strong{color:var(--roche-blue-dark)}.google-auth-block,.google-auth-placeholder{background:linear-gradient(#fff,#f6fbff);border:1px solid #0b41b01f;border-radius:18px;padding:1rem}.social-auth-stack{gap:.75rem;display:grid}.google-button{width:100%;color:var(--ink);background:#fff;border:1px solid #11324d1f;justify-content:center;align-items:center;gap:.8rem;padding:.95rem 1rem;display:flex;box-shadow:0 10px 22px #0d386614}.google-button:hover{box-shadow:0 14px 24px #0d38661f}.apple-button{color:#fff;background:linear-gradient(#18293f,#0f1826);border:1px solid #0f18262e;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:.95rem 1rem;display:flex;box-shadow:0 12px 24px #0f182633}.apple-button:hover{box-shadow:0 16px 28px #0f18263d}.google-mark{color:#fff;background:conic-gradient(from 215deg,#ea4335 0deg 90deg,#fbbc05 90deg 180deg,#34a853 180deg 270deg,#4285f4 270deg 360deg);border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;font-weight:700;display:inline-grid}.apple-mark{color:#fff;background:#ffffff24;border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;font-weight:700;display:inline-grid}.google-auth-placeholder{flex-direction:column;gap:.3rem;display:flex}.auth-divider{text-align:center;margin:.3rem 0;position:relative}.auth-divider:before{content:"";border-top:1px solid #11324d1f;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--panel-strong);color:var(--ink-soft);padding:0 .75rem;position:relative}.password-field{grid-template-columns:1fr auto;align-items:center;gap:.55rem;display:grid}.password-toggle{color:var(--roche-blue);box-shadow:none;background:#0b41b014;border:1px solid #0b41b01f;border-radius:14px;padding:.8rem .95rem}.compact-select{min-width:220px}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #11324d14;padding:.95rem .6rem}.data-table th{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:600}.status-pill{color:var(--ink);background:#11324d14;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .74rem;font-size:.79rem;font-weight:700;display:inline-flex}.status-issued,.status-validated,.status-consumed,.status-approved{background:var(--success-bg);color:var(--success)}.status-verification_failed,.status-rejected,.status-cancelled,.status-expired,.status-replaced,.status-suspended{background:var(--danger-bg);color:var(--danger)}.status-pending_verification,.status-request_submitted,.status-pending{background:var(--warning-bg);color:var(--warning)}.search-bar,.button-row,.stack,.facility-metrics{gap:.75rem;display:flex}.button-row,.search-bar{flex-wrap:wrap}.search-bar>input{flex:20rem;width:auto}.search-bar>button{flex:none}.stack{flex-direction:column}.facility-metrics{color:var(--ink-soft);flex-wrap:wrap;font-size:.92rem}.facility-card{background:linear-gradient(#fff,#f6fbff);border:1px solid #0b41b01a;border-radius:22px;padding:1.15rem;box-shadow:0 10px 24px #0d386612}.facility-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.account-list-panel{flex-direction:column;gap:1rem;min-width:0;display:flex}.account-list-header,.account-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.account-list-header h3{margin:0}.account-count{min-width:2.25rem;height:2.25rem;color:var(--roche-blue-dark);background:#0b41b01a;border-radius:999px;justify-content:center;align-items:center;padding:0 .6rem;font-weight:800;display:inline-flex}.account-row{background:linear-gradient(#fff,#f6fbff);border:1px solid #0b41b01a;border-radius:18px;padding:1rem}.account-row-main{gap:.28rem;min-width:0;display:grid}.account-row-main strong,.account-row-main span{overflow-wrap:anywhere}.user-table-wrap{border:1px solid #0b41b01a;border-radius:18px;overflow-x:auto}.user-table{border-collapse:collapse;background:#fff;width:100%;min-width:980px}.user-table th,.user-table td{text-align:left;vertical-align:top;border-bottom:1px solid #0b41b017;padding:.9rem 1rem}.user-table th{text-transform:uppercase;color:var(--ink-soft);letter-spacing:0;background:#f6fbff;font-size:.78rem}.user-table td{font-size:.9rem}.user-table td strong,.user-table td span{display:block}.user-table tr:last-child td{border-bottom:0}.table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.table-actions button{min-width:0;padding:.62rem .82rem;font-size:.82rem}.account-status{border-radius:999px;width:fit-content;padding:.32rem .58rem;font-size:.78rem;font-weight:800;display:inline-flex}.account-status-active{color:var(--success);background:#1a94641f}.account-status-inactive{color:var(--danger);background:#bf462d1f}.scanner-frame{aspect-ratio:1;background:#07182d;border:1px solid #0b41b01f;border-radius:24px;overflow:hidden}.scanner-loading{color:#fff;text-align:center;place-items:center;min-height:100%;padding:1.5rem;display:grid}.muted{color:var(--ink-soft)}.mono{font-family:IBM Plex Mono,monospace}.flash{color:var(--ink);background:linear-gradient(#dce8ffc7,#f2f8ffeb);border:1px solid #0b41b024;border-radius:18px;padding:1rem 1.1rem}.flash-error{background:var(--danger-bg);color:#8f2f21;border-color:#c24f3d3d}.flash-success{background:var(--success-bg);color:#0d6248;border-color:#13795b3d}.route-loading{place-items:center;min-height:100vh;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stat-card{background:linear-gradient(#fff,#f6fbff);border:1px solid #0b41b01a;border-radius:22px;padding:1.1rem;box-shadow:0 10px 24px #0d38660d}.stat-card strong{color:var(--roche-blue-dark);margin-top:.25rem;font-size:1.9rem;display:block}.scan-outcome-banner{border:1px solid #0b41b01f;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.25rem 1.35rem;display:flex}.scan-outcome-copy{gap:.35rem;display:grid}.scan-outcome-copy h3{color:var(--roche-blue-dark);margin:0;font-size:1.55rem}.scan-outcome-copy p{max-width:52ch;color:var(--ink-soft);margin:0}.scan-outcome-label{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;width:fit-content;padding:.35rem .72rem;font-size:.78rem;font-weight:700;display:inline-flex}.scan-outcome-success{background:linear-gradient(#effaf4,#e2f5ea);border-color:#13795b29}.scan-outcome-success .scan-outcome-label{background:var(--success-bg);color:var(--success)}.scan-outcome-pending{background:linear-gradient(#f1f6ff,#e5efff);border-color:#0b41b029}.scan-outcome-pending .scan-outcome-label{color:var(--roche-blue);background:#0b41b01f}.scan-outcome-warning{background:linear-gradient(#fff8ee,#fff1de);border-color:#b669122e}.scan-outcome-warning .scan-outcome-label{background:var(--warning-bg);color:var(--warning)}.scan-outcome-danger{background:linear-gradient(#fff2ef,#fde6e1);border-color:#c24f3d33}.scan-outcome-danger .scan-outcome-label{background:var(--danger-bg);color:var(--danger)}.scan-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.scan-summary-card,.scan-clinical-card{background:linear-gradient(#fff,#f8fbff);border:1px solid #0b41b01a;border-radius:22px;padding:1.15rem 1.2rem;box-shadow:0 10px 24px #0d38660d}.scan-summary-value{color:var(--roche-blue-dark);word-break:break-word;margin-top:.35rem;font-size:1.2rem;display:block}.scan-clinical-card{gap:1rem;display:grid}.scan-clinical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;display:grid}.scan-clinical-row{background:#f4f8fdf2;border:1px solid #0b41b014;border-radius:18px;gap:.22rem;padding:.9rem .95rem;display:grid}.scan-clinical-row strong{color:var(--ink)}.scan-footnote{color:var(--ink-soft);margin:0;font-size:.95rem}img{max-width:100%;display:block}@media (width<=1100px){.grid-3,.stats-grid,.scan-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-clinical-grid{grid-template-columns:1fr}}@media (width<=940px){.hero-panel{grid-template-columns:1fr;max-width:940px}}@media (width<=880px){.shell{grid-template-columns:1fr;align-content:start;gap:0;width:100%;min-height:0;margin:0;padding:0}.shell-sidebar{min-height:auto;box-shadow:none;border-radius:0 0 28px 28px;padding:1.2rem;position:static}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-panel{margin-top:0}.shell-main{padding-top:1rem;padding-inline:1rem;padding-bottom:1rem}}@media (width<=900px){.grid-2,.grid-3,.stats-grid,.scan-summary-grid,.scan-clinical-grid{grid-template-columns:1fr}.shell-main{padding:1rem}}@media (width<=820px){.hero-actions{grid-template-columns:1fr}.home-card{min-height:0}}@media (width<=720px){.hero{padding:1rem}.hero h1,.brand-mark h1{font-size:clamp(2rem,11vw,3rem)}.hero-copy,.section-card,.auth-card,.scanner-card{padding:1.2rem}.shell-sidebar{gap:.8rem;padding:1rem}.shell-sidebar .brand-mark h1,.shell-sidebar .brand-mark>p{display:none}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.nav-link{padding:.75rem .8rem}.profile-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.profile-panel .ghost-button{grid-area:1/2/span 2;margin-top:0}.search-bar,.button-row,.facility-card-header,.account-list-header,.account-row,.dashboard-banner,.scan-outcome-banner{flex-direction:column}.password-field{grid-template-columns:1fr}.compact-select{min-width:0}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-link:focus-visible,.password-toggle:focus-visible,.ghost-button:focus-visible,.google-button:focus-visible,.apple-button:focus-visible{outline:2px solid var(--roche-blue);outline-offset:2px}.spinner-container{flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.spinner{border:3px solid #0b41b026;border-top-color:var(--roche-blue);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite spin}.spinner-label{color:var(--ink-soft);font-size:.92rem}@keyframes spin{to{transform:rotate(360deg)}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@keyframes heroLineIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeRiseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 12px 26px #021a5024}}@keyframes badgeSweep{0%,60%{left:-45%}to{left:115%}}@media (prefers-reduced-motion:reduce){.hero-title span,.spinner{animation:none}.hero-title span{opacity:1;transform:none}}