:root{--ink-950: #1c2125;--ink-900: #231f20;--ink-800: #302c2d;--ink-700: #504b4c;--ink-500: #83888a;--ink-300: #b9bcbc;--line: #dedcdc;--line-strong: #c7c5c5;--paper: #ffffff;--paper-soft: #f7f6f6;--canvas: #f0eeee;--brand-red: #da291c;--brand-red-dark: #b82117;--brand-red-soft: #fce9e7;--gold: #da291c;--gold-soft: #fce9e7;--teal: #da291c;--teal-dark: #b82117;--teal-soft: #fce9e7;--danger: #8b2635;--warning: #8a5b14;--success: #177a52;--success-soft: #e5f4ed;--shadow-sm: 0 1px 2px rgba(35, 31, 32, .05);--shadow-md: 0 10px 28px rgba(35, 31, 32, .07);--shadow-lg: 0 24px 64px rgba(35, 31, 32, .12);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--ink-900);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.icon{flex:0 0 auto;height:var(--icon-size, 18px);stroke:currentColor;width:var(--icon-size, 18px)}.authPage{align-items:stretch;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(440px,1.1fr);grid-template-rows:minmax(0,1fr) auto;min-height:100vh}.authBrand{align-items:center;background:#fff;color:var(--ink-900);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(28px,5vw,58px);position:relative}.authBrand .brandLockup{align-items:center}.authBrand .magnaLogo{width:min(340px,72%)}.authBrand:before{background:var(--brand-red);content:"";height:5px;left:0;position:absolute;right:0;top:0}.authBrand:after{border:1px solid rgba(218,41,28,.18);clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%,32% 50%);content:"";height:min(48vw,540px);opacity:.65;pointer-events:none;position:absolute;right:-26%;top:22%;width:min(52vw,620px)}.authBrand h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:.98;margin:10px 0 18px;max-width:660px;position:relative;z-index:1}.authBrand p{color:var(--ink-500);font-size:1.02rem;line-height:1.65;max-width:620px;position:relative;z-index:1}.brandLockup{align-items:flex-start;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.magnaLogo{display:block;height:auto;max-width:100%;object-fit:contain;width:220px}.brandLockup>span{color:var(--ink-500);font-size:.75rem;font-weight:700;text-transform:uppercase}.authBrandMessage{max-width:720px;position:relative;z-index:1}.authProofGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}.proofItem{background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;padding:16px}.proofItem strong{color:var(--ink-900);font-size:1.45rem}.proofItem span{color:var(--ink-500);font-size:.82rem}.authPanel{align-content:center;background:var(--canvas);display:grid;justify-items:center;padding:clamp(22px,5vw,56px)}.authLoginButton{background:#1c2125;box-shadow:0 8px 18px #1c21252e}.authLoginButton:hover{background:#30363b;box-shadow:0 12px 24px #1c21253d}.authForm{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);display:grid;gap:18px;max-width:560px;padding:clamp(22px,4vw,34px);width:100%}.authForm h2{color:var(--ink-950);font-size:1.55rem;margin:0 0 2px}.authForm>p{color:var(--ink-500);margin:0}.authLinks{align-items:center;color:var(--ink-500);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}.authConfirmation{align-items:center;display:grid;gap:12px;justify-items:center;padding:12px 0 2px;text-align:center}.authConfirmation>span{align-items:center;background:var(--success-soft);border-radius:999px;color:var(--success);display:flex;height:48px;justify-content:center;width:48px}.authConfirmation p{color:var(--ink-500);line-height:1.5;margin:0 0 6px}.linkButton{background:transparent;border:0;color:var(--brand-red-dark);font-weight:850;padding:0}button:disabled{cursor:not-allowed;opacity:.48}.app{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);color:var(--ink-900);display:flex;flex-direction:column;gap:18px;padding:24px 18px;position:sticky;top:0;height:100vh}.brand{align-items:center;display:flex;gap:12px;min-height:56px;padding:4px 2px 12px}.brand span,.brandLockup span,.field span,.eyebrow,.muted,.miniItem span,.qrCard span,.scanner span,.workspaceCard span,.sidebarFooter span{color:var(--ink-500);font-size:.84rem}.sidebar .brand span,.sidebar .brandLockup span,.sidebar .field span,.workspaceCard span,.sidebarFooter span{color:var(--ink-500)}.metricIcon,.panelIcon{align-items:center;border-radius:8px;display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.sidebar .brandLockup{min-height:56px;padding:4px 2px 12px}.sidebar .magnaLogo{width:178px}.workspaceCard,.sidebarFooter{background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px #ffffff0d;display:grid;gap:5px;padding:14px}.workspaceCard strong,.sidebarFooter strong{color:var(--ink-900);font-size:.94rem}.sidebarFooter{margin-top:auto}.nav{display:grid;gap:18px}.navGroup{display:grid;gap:7px}.navGroupLabel{color:var(--ink-500);font-size:.72rem;font-weight:900;padding:0 12px;text-transform:uppercase}.navButton,.primary,.secondary,.iconButton{align-items:center;border:0;border-radius:8px;display:inline-flex;gap:9px;justify-content:center;min-height:42px;padding:10px 13px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.navButton{background:transparent;color:var(--ink-700);gap:11px;justify-content:flex-start;min-height:48px;padding:7px 9px;width:100%}.navButton .icon{background:var(--paper-soft);border:1px solid var(--line);border-radius:7px;height:34px;padding:7px;transition:background .16s ease,border-color .16s ease,color .16s ease;width:34px}.navButton.active,.navButton:hover{background:var(--brand-red-soft);color:var(--ink-900)}.navButton.active{box-shadow:inset 3px 0 0 var(--brand-red)}.navButton.active .icon{background:#fff;border-color:#efaaa5;color:var(--brand-red-dark)}.navButton:hover .icon{border-color:var(--line-strong);color:var(--ink-950)}.main{display:flex;flex-direction:column;gap:24px;min-width:0;padding:28px clamp(22px,3vw,42px)}.topbar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;gap:20px;justify-content:space-between;padding:20px 22px}.topbar h1,.sectionHead h2{margin:0}.topbar h1{color:var(--ink-950);font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800}.topbarDescription{color:var(--ink-500);margin:6px 0 0;max-width:640px}.topbarActions{align-items:center;display:flex;gap:10px}.compactAction{white-space:nowrap}.topbarMeta{align-items:center;display:flex;gap:10px;margin-bottom:5px}.eyebrow{color:var(--brand-red);font-weight:800;margin:0;text-transform:uppercase}.rolePill{background:var(--brand-red-soft);border:1px solid #f4c3bf;border-radius:999px;color:var(--brand-red-dark);font-size:.74rem;font-weight:800;padding:4px 9px}.notice,.alert{align-items:center;background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;color:var(--ink-700);display:flex;gap:10px;max-width:580px;padding:12px 14px}.notice{box-shadow:var(--shadow-sm)}.notice svg{color:var(--brand-red)}.alert{background:#fff6e3;border-color:#ead3a4;color:#6f4b12}.commandPanel,.gateHero{align-items:center;background:var(--ink-950);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:var(--shadow-lg);color:#fff;display:flex;gap:24px;justify-content:space-between;overflow:hidden;padding:24px;position:relative}.commandPanel:after,.gateHero:after{background:var(--brand-red);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.commandPanel:before,.gateHero:before{border:1px solid rgba(255,255,255,.13);clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%,32% 50%);content:"";height:180px;pointer-events:none;position:absolute;right:-54px;top:-30px;width:240px}.commandPanel>*,.gateHero>*{position:relative;z-index:1}.commandPanel h2,.gateHero h2{font-size:clamp(1.25rem,2vw,1.75rem);margin:4px 0 8px}.commandPanel p,.gateHero p{color:#d6d8d8;margin:0}.commandStats,.gateHeroActions,.panelActions,.quickActions{display:flex;flex-wrap:wrap;gap:10px}.adminCommand{background:var(--ink-900)}.stack,.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.approvalBoard{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.metric,.panel,.formPanel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-md)}.metric{display:grid;gap:10px;min-height:142px;padding:20px;position:relative;overflow:hidden}.metric:after{background:var(--brand-red);content:"";height:3px;left:0;position:absolute;width:52px;top:0}.metric span{color:var(--ink-500);font-weight:600}.metric strong{color:var(--ink-950);font-size:1.42rem}.metricIcon,.panelIcon{background:var(--paper-soft);color:var(--ink-700)}.metric.good .metricIcon{background:var(--success-soft);color:var(--success)}.metric.warn .metricIcon{background:#fff3dc;color:var(--warning)}.panel,.formPanel{min-width:0;padding:20px}.sectionHead{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.sectionHead h2{color:var(--ink-950);font-size:1.12rem;font-weight:800}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.primary{background:var(--brand-red);box-shadow:0 8px 18px #da291c2e;color:#fff;font-weight:800}.primary:hover{background:var(--brand-red-dark);box-shadow:0 12px 24px #da291c3d;transform:translateY(-1px)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink-800);font-weight:750}.secondary:hover,.iconButton:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(218,41,28,.24);outline-offset:2px}.large{width:100%}.field{display:grid;gap:7px}.field span{color:var(--ink-500);font-weight:750}.field.compact select{background:#fff;border-color:var(--line);color:var(--ink-900)}.topbar .field.compact select{background:#fff;border-color:var(--line);color:var(--ink-900);min-width:190px}.field input,.field select,.field textarea,.searchBox input{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink-900);min-height:44px;outline:none;padding:10px 12px;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.searchBox:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 4px #da291c1c}.field textarea{min-height:98px;resize:vertical}.formGrid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.formFlow{display:grid;gap:18px}.formStep{align-items:center;display:flex;gap:12px}.formStep h3{color:var(--ink-950);margin:0 0 3px}.formStep p{color:var(--ink-500);margin:0}.stepBadge{align-items:center;background:var(--ink-950);border-radius:999px;color:#fff;display:inline-flex;font-weight:900;height:30px;justify-content:center;width:30px}.field.full{grid-column:1 / -1}.optionGrid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.optionGrid label{align-items:center;background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;min-height:52px;padding:10px}.premiumOptions label,.toggleCard{align-items:start;cursor:pointer;display:grid;gap:6px;min-height:120px;position:relative}.toggleCard input{position:absolute;right:12px;top:12px}.toggleCard.checked{background:var(--brand-red-soft);border-color:#efaaa5;box-shadow:inset 0 0 0 1px #da291c24}.toggleIcon{align-items:center;background:#fff;border-radius:8px;color:var(--brand-red);display:inline-flex;height:38px;justify-content:center;width:38px}.toggleCard strong{color:var(--ink-950)}.toggleCard span:last-child{color:var(--ink-500);font-size:.82rem}.visitSummary,.queueStrip,.reportHero{background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;padding:14px}.optionGrid label:hover{border-color:var(--line-strong)}.checkLine{align-items:center;color:var(--ink-700);display:flex;gap:9px;font-weight:750}.checkLine input{accent-color:var(--brand-red);height:16px;width:16px}.searchBox{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;gap:7px;min-height:44px;min-width:min(100%,340px);padding:0 11px}.searchBox input{border:0;min-height:40px;padding-left:4px}.searchBox input:focus{box-shadow:none}.table{display:grid;gap:0;overflow-x:auto}.row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:130px 1.1fr 1.25fr 120px 104px;min-width:780px;padding:14px 4px}.table.withQr .row{grid-template-columns:120px 1fr 1.15fr 1.1fr 150px 128px 104px;min-width:1040px}.table.compactTable .row{grid-template-columns:130px 1.2fr 1.4fr 128px 104px}.table.withActions .row{grid-template-columns:1.2fr 130px 1fr 128px 104px;min-width:860px}.row.head{background:var(--canvas);border-bottom:1px solid var(--line);border-radius:8px;color:var(--ink-500);font-size:.75rem;font-weight:900;padding-left:12px;padding-right:12px;text-transform:uppercase}.row:not(.head){padding-left:12px;padding-right:12px}.row:not(.head):hover{background:#faf9f9}.badge{background:#eef2f6;border-radius:999px;color:var(--ink-700);display:inline-flex;font-size:.76rem;font-weight:900;justify-content:center;max-width:100%;padding:5px 10px;white-space:nowrap}.badge.good{background:var(--success-soft);color:var(--success)}.badge.warn{background:#fff3dc;color:var(--warning)}.badge.danger{background:#fde8e8;color:var(--danger)}.statusRow,.approvalRow,.miniItem{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;padding:13px 0}.statusRow span{color:var(--ink-500);font-weight:650}.statusRow strong{color:var(--ink-900)}.approvalRow>div{display:grid;gap:7px}.rowActions{align-items:center;display:inline-flex;gap:7px}.iconButton{background:var(--paper-soft);border:1px solid var(--line);color:var(--brand-red-dark);min-height:36px;padding:8px;width:36px}.iconButton.success{background:#e3f8ef;border-color:#afe8cf;color:#0b6549}.emptyTable{min-width:100%;padding:18px 0}.emptyState{align-items:center;background:var(--paper-soft);border:1px dashed var(--line-strong);border-radius:8px;color:var(--ink-500);display:grid;gap:8px;justify-items:center;padding:22px;text-align:center}.emptyState>div{align-items:center;background:#fff;border-radius:8px;color:var(--ink-700);display:flex;height:42px;justify-content:center;width:42px}.emptyState strong{color:var(--ink-900)}.gateHero{background:var(--ink-950)}.queueStrip{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.queueItem{display:grid;gap:4px}.queueItem span{color:var(--ink-500);font-size:.78rem;font-weight:800;text-transform:uppercase}.queueItem strong{color:var(--ink-950)}.commandPanel .queueItem span,.commandPanel .queueItem strong,.gateHero .queueItem span,.gateHero .queueItem strong{color:#fff}.gateValidationLayout{display:grid;gap:20px;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)}.confirmationStack{display:grid;gap:20px}.scannerReady{border-color:#9bcdb8;box-shadow:inset 0 0 0 1px #177a5224}.scannerStatus{margin-top:8px}.personHeader{align-items:center;background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:12px}.personHeader div:last-child{display:grid;gap:3px}.personHeader span{color:var(--ink-500)}.avatar{align-items:center;background:var(--ink-950);border-radius:999px;color:#fff;display:inline-flex;font-weight:900;height:42px;justify-content:center;width:42px}.gateConfirm{margin-top:12px}.checklistItem{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:11px 0}.checklistItem>span{align-items:center;background:#fde8e8;border-radius:999px;color:var(--danger);display:inline-flex;height:24px;justify-content:center;width:24px}.checklistItem.checked>span{background:var(--success-soft);color:var(--success)}.timelineItem{display:grid;gap:12px;grid-template-columns:14px 1fr;padding:10px 0}.timelineItem>span{background:var(--brand-red);border-radius:999px;height:10px;margin-top:5px;width:10px}.timelineItem.warn>span{background:var(--warning)}.timelineItem p{color:var(--ink-500);margin:3px 0 0}.quickActions{align-items:stretch;flex-direction:column}.quickActions button{justify-content:flex-start}.reportHero{align-items:center;display:flex;gap:12px;margin-bottom:14px}.reportHero svg{color:var(--brand-red)}.reportHero div{display:grid;gap:3px}.reportHero span{color:var(--ink-500)}.miniList{display:grid;gap:6px;margin-bottom:14px}.miniItem div,.qrCard,.scanner{display:grid;gap:6px}.uploadGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.uploadBox{align-content:center;background:var(--paper-soft);border:1px dashed var(--line-strong);border-radius:8px;color:var(--ink-500);display:grid;gap:8px;justify-items:center;min-height:150px;padding:18px;text-align:center}.uploadBox svg{color:var(--brand-red)}.uploadBox strong{color:var(--ink-900)}.badgePreview{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 4px 0 var(--brand-red);display:grid;gap:12px;margin:0 auto;max-width:360px;padding:20px}.badgeBrand{align-items:start;display:flex;gap:12px;justify-content:space-between}.badgeBrand>div{display:grid;gap:3px;text-align:right}.badgeLogo{height:auto;margin-top:2px;width:112px}.badgePreview span,.badgePreview p{color:var(--ink-500);margin:0}.badgePreview h3{color:var(--ink-950);font-size:1.28rem;margin:4px 0 0}.badgeQr{align-items:center;background:linear-gradient(90deg,var(--ink-950) 8px,transparent 8px) 0 0 / 16px 16px,linear-gradient(var(--ink-950) 8px,transparent 8px) 0 0 / 16px 16px,#fff;border:6px solid #ffffff;border-radius:8px;box-shadow:inset 0 0 0 1px var(--ink-900);color:var(--ink-950);display:flex;height:86px;justify-content:center;justify-self:end;width:86px}.qrCard,.scanner{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px #fffc;justify-items:center;padding:24px;text-align:center}.fakeQr{align-items:center;background:linear-gradient(90deg,var(--ink-950) 12px,transparent 12px) 0 0 / 24px 24px,linear-gradient(var(--ink-950) 12px,transparent 12px) 0 0 / 24px 24px,#fff;border:10px solid #ffffff;border-radius:8px;box-shadow:inset 0 0 0 1px var(--ink-900),0 18px 34px #10182221;color:var(--ink-950);display:flex;height:174px;justify-content:center;width:174px}.scanner{min-height:310px}.cameraViewport{aspect-ratio:4 / 3;background:#111416;border:1px solid var(--line-strong);border-radius:8px;max-width:520px;overflow:hidden;position:relative;width:100%}.cameraViewport video{display:block;height:100%;object-fit:cover;width:100%}.scanGuide{border:2px solid rgba(255,255,255,.9);border-radius:8px;box-shadow:0 0 0 999px #11141657;height:min(62%,250px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(62%,250px)}.appFooter{align-items:center;background:#fff;border-top:1px solid var(--line);color:var(--ink-500);display:flex;font-size:.78rem;gap:7px;grid-column:1 / -1;justify-content:center;margin-top:auto;min-height:46px;padding:12px 18px;text-align:center}.appFooter a{color:var(--ink-800);font-weight:800;text-decoration:none}.appFooter a:hover{color:var(--brand-red-dark);text-decoration:underline}.main>.appFooter{margin-left:calc(clamp(22px,3vw,42px)*-1);margin-right:calc(clamp(22px,3vw,42px)*-1);margin-bottom:-28px}.scanner svg{color:var(--brand-red)}.mono{color:var(--ink-800);font-family:SFMono-Regular,Consolas,monospace;font-size:.84rem}@media(max-width:1080px){.authPage{grid-template-columns:1fr}.authBrand{gap:26px;min-height:auto}.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.navGroup{align-content:start}.grid.two,.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.approvalBoard,.gateValidationLayout{grid-template-columns:1fr}.sidebarFooter{margin-top:0}}@media(max-width:720px){.authBrand,.authPanel{padding:18px}.authBrand{gap:22px;min-height:390px;padding-bottom:26px}.authBrand h1{font-size:2.15rem;line-height:1.02;margin:4px 0 12px;max-width:340px}.authBrand p{font-size:.96rem;line-height:1.5}.authBrand:after{right:-48%;top:20%}.magnaLogo{width:180px}.authProofGrid{display:none}.uploadGrid{grid-template-columns:1fr}.main,.sidebar{padding:16px}.sidebar{gap:14px}.sidebar .workspaceCard{display:none}.brand,.sidebar .brandLockup{padding-bottom:4px}.topbar,.statusRow,.approvalRow,.miniItem{align-items:stretch;flex-direction:column}.topbar{padding:16px}.topbarActions{align-items:stretch;flex-direction:column;width:100%}.topbarActions .compactAction{justify-content:center;width:100%}.notice{max-width:none;width:100%}.commandPanel,.gateHero{align-items:flex-start;flex-direction:column}.commandStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.gateHeroActions{width:100%}.gateHeroActions>*{flex:1 1 150px;justify-content:center}.grid.two,.grid.three,.grid.four,.formGrid,.optionGrid{grid-template-columns:1fr}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.navButton{min-height:44px}.sidebarFooter{display:none}.toolbar{align-items:stretch;flex-direction:column}.toolbar>*,.searchBox{width:100%}}.authBrand h1{font-size:3.65rem;letter-spacing:0;line-height:1.02}.topbar h1{font-size:1.9rem;letter-spacing:0}.commandPanel h2,.gateHero h2{font-size:1.55rem;letter-spacing:0}.sidebarHeader{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.sidebarClose,.mobileMenuButton,.sidebarBackdrop{display:none}.topbarTitle{min-width:0}.notificationButton{color:var(--ink-700);position:relative}.notificationWrap{position:relative}.notificationDot{background:var(--brand-red);border:2px solid #ffffff;border-radius:999px;height:8px;position:absolute;right:6px;top:6px;width:8px}.notificationMenu{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);display:grid;min-width:340px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:35}.notificationMenu>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:9px 10px 12px}.notificationMenu>header span{color:var(--brand-red);font-size:.75rem;font-weight:800}.notificationMenu>div{align-items:start;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:12px 10px}.notificationMenu>div:last-child{border-bottom:0}.notificationMenu p{display:grid;gap:4px;margin:0}.notificationMenu small{color:var(--ink-500);line-height:1.35}.notificationMark{background:var(--brand-red);border-radius:999px;flex:0 0 auto;height:8px;margin-top:5px;width:8px}.notificationMark.warning{background:var(--warning)}.accountMenuWrap{position:relative}.accountButton{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink-900);display:flex;gap:10px;min-height:48px;padding:5px 9px 5px 6px;text-align:left}.accountButton>span:last-child{display:grid;gap:2px}.accountButton small,.accountMenu span{color:var(--ink-500);font-size:.75rem}.avatar.small{font-size:.78rem;height:34px;width:34px}.accountMenu{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);display:grid;min-width:270px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:35}.accountMenu>div{border-bottom:1px solid var(--line);display:grid;gap:4px;overflow-wrap:anywhere;padding:10px}.accountMenu button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--ink-800);display:flex;gap:9px;margin-top:5px;padding:10px}.accountMenu button:hover{background:var(--paper-soft)}.wizardHeader{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin:-2px 0 22px;padding-bottom:18px}.wizardHeader h2{color:var(--ink-950);font-size:1.45rem;letter-spacing:0;margin:5px 0 0}.formProgress{align-items:center;display:flex;gap:0}.formProgress span{align-items:center;color:var(--ink-500);display:flex;font-size:.78rem;font-weight:750;gap:7px;position:relative}.formProgress span:not(:last-child):after{background:var(--line);content:"";height:1px;margin:0 9px;width:38px}.formProgress b{align-items:center;background:var(--paper-soft);border:1px solid var(--line);border-radius:999px;display:inline-flex;height:28px;justify-content:center;width:28px}.formProgress .active{color:var(--ink-950)}.formProgress .active b{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.formProgress .complete b{background:var(--ink-950);border-color:var(--ink-950);color:#fff}.formSection{display:grid;gap:20px;min-height:350px}.formActions{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;margin-top:22px;padding-top:18px}.formActions>div{display:flex;gap:10px}.fieldHint{color:var(--ink-500);font-size:.75rem;font-weight:500;justify-self:end}.errorText{align-items:center;color:var(--danger);display:flex;font-weight:700;gap:5px}[aria-invalid=true]{border-color:var(--danger)!important}.reviewGrid{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.reviewGrid .statusRow{background:var(--paper-soft);margin:0;padding:15px}.reviewGrid .statusRow:nth-child(odd){border-right:1px solid var(--line)}.consentLine{background:#fff9ed;border:1px solid #ead3a4;border-radius:8px;padding:14px}.segmentedControl{background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:3px;margin-bottom:18px;padding:4px}.segmentedControl button{background:transparent;border:0;border-radius:6px;color:var(--ink-500);font-size:.84rem;font-weight:800;min-height:36px;padding:8px 13px}.segmentedControl button.active{background:#fff;box-shadow:var(--shadow-sm);color:var(--ink-950)}.approvalList{border-top:1px solid var(--line);display:grid}.approvalRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto}.approvalRow>div{min-width:0}.approvalRow>div span,.approvalRow>div small,.detailHero span{color:var(--ink-500)}.dataToolbar{align-items:end}.dataToolbar .searchBox{flex:1 1 320px}.dataToolbar .field{min-width:165px}.dataTableWrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.dataTable{border-collapse:collapse;min-width:720px;width:100%}.dataTable th,.dataTable td{border-bottom:1px solid var(--line);padding:13px 14px;text-align:left;vertical-align:middle}.dataTable th{background:var(--paper-soft);color:var(--ink-500);font-size:.73rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.dataTable tbody tr:last-child td{border-bottom:0}.dataTable tbody tr:hover{background:#fbfafa}.dataTable td strong,.dataTable td small{display:block}.dataTable td small{color:var(--ink-500);margin-top:4px}.tableFooter{align-items:center;color:var(--ink-500);display:flex;font-size:.8rem;justify-content:space-between;padding-top:13px}.srOnly{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.modalBackdrop{align-items:center;background:#1c21259e;display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:80}.modal{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);max-height:calc(100dvh - 44px);max-width:620px;overflow:auto;width:100%}.modal>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 18px;position:sticky;top:0;background:#fff;z-index:1}.modal h2{font-size:1.12rem;letter-spacing:0;margin:0}.modalBody{padding:18px}.modalForm{display:grid;gap:14px}.modalActions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.dangerAction{color:var(--danger);margin-right:auto}.detailHero{align-items:center;background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:14px}.detailHero>div{display:grid;gap:3px}.toast{align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--success);border-radius:8px;bottom:24px;box-shadow:var(--shadow-lg);display:flex;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:13px 13px 13px 11px;position:fixed;right:24px;z-index:100}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toastIcon{align-items:center;background:var(--success-soft);border-radius:999px;color:var(--success);display:flex;height:30px;justify-content:center;width:30px}.toast.warning .toastIcon,.toast.danger .toastIcon{background:#fff3dc;color:var(--warning)}.toast button{background:transparent;border:0;color:var(--ink-500);display:flex;margin-left:auto;padding:5px}.scannerInput{display:flex;gap:8px;max-width:470px;width:100%}.scannerInput input{border:1px solid var(--line);border-radius:8px;min-height:44px;min-width:0;padding:10px 12px;width:100%}.scannerIcon{align-items:center;background:var(--brand-red-soft);border-radius:8px;color:var(--brand-red);display:flex;height:92px;justify-content:center;width:92px}.scanResult{align-items:center;background:var(--success-soft);border:1px solid #b9dfcf;border-radius:8px;color:var(--success);display:flex;gap:8px;padding:10px 12px}.gateChecklist{border-top:1px solid var(--line);margin-top:8px}.physicalCheck{background:var(--paper-soft);border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:12px}.reportFilters{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(150px,1fr)) auto}.reportGenerate{min-height:44px;white-space:nowrap}.reportResults{grid-template-columns:minmax(300px,.8fr) minmax(560px,1.6fr)}.barChart{display:grid;gap:15px}.barChart>div{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(110px,.8fr) minmax(120px,1.4fr) 24px}.barChart>div>span{color:var(--ink-700);font-size:.82rem}.barChart>div>div{background:var(--paper-soft);border-radius:999px;height:9px;overflow:hidden}.barChart i{background:var(--brand-red);display:block;height:100%}.qrImage{display:block;max-width:100%}.qrCard>.qrImage{border:8px solid #ffffff;border-radius:8px;box-shadow:0 14px 30px #10182221}.qrLoading{align-items:center;background:var(--paper-soft);color:var(--ink-500);display:flex;justify-content:center}.qrActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:5px}.badgeQr{background:#fff;border:1px solid var(--line);box-shadow:none;height:86px;padding:5px;width:86px}.badgeQr .qrImage{height:74px;width:74px}.uploadBox{cursor:pointer}.uploadBox:hover,.uploadBox:focus-within{background:#fff;border-color:var(--brand-red)}.uploadBox.hasFile{background:var(--success-soft);border-color:#9bcdb8}.uploadIcon{color:var(--brand-red);display:flex}.uploadBox.hasFile .uploadIcon{color:var(--success)}.uploadAction{min-height:36px;padding:8px 11px}.muted{color:var(--ink-500);line-height:1.55}@media(max-width:1180px){.reportFilters{grid-template-columns:repeat(2,minmax(180px,1fr))}.reportGenerate{width:100%}.reportResults{grid-template-columns:1fr}}@media(max-width:1080px){.app{display:block}.sidebar{height:100dvh;left:0;max-width:320px;overflow-y:auto;position:fixed;top:0;transform:translate(-105%);transition:transform .18s ease;width:min(86vw,320px);z-index:60}.sidebar.open{transform:translate(0)}.sidebarBackdrop{background:#1c21258c;border:0;display:block;inset:0;position:fixed;z-index:55}.sidebarClose,.mobileMenuButton{display:inline-flex}.nav{grid-template-columns:1fr}.main{padding:22px}.main>.appFooter{margin-bottom:-22px;margin-left:-22px;margin-right:-22px}.topbar{position:relative}.gateValidationLayout{grid-template-columns:1fr}}@media(max-width:720px){.authBrand h1{font-size:2.2rem}.main{gap:16px;padding:12px}.main>.appFooter{margin-bottom:-12px;margin-left:-12px;margin-right:-12px}.appFooter{flex-wrap:wrap;line-height:1.35}.topbar{align-items:start;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) auto;padding:14px}.topbar h1{font-size:1.45rem}.topbarDescription{font-size:.84rem;line-height:1.4}.topbarActions{align-items:center;flex-direction:row;width:auto}.accountButton{min-height:38px;padding:2px}.accountButton>span:last-child,.notificationButton{display:none}.accountMenu{position:fixed;right:12px;top:72px}.notificationMenu{display:none}.commandPanel,.gateHero{padding:18px}.commandPanel h2,.gateHero h2{font-size:1.3rem}.wizardHeader{display:grid}.formProgress{justify-content:space-between;width:100%}.formProgress span{display:grid;justify-items:center}.formProgress span:not(:last-child):after{display:none}.formSection{min-height:0}.formActions{align-items:stretch;flex-direction:column-reverse}.formActions>div,.formActions button{width:100%}.reviewGrid{grid-template-columns:1fr}.reviewGrid .statusRow:nth-child(odd){border-right:0}.statusRow,.miniItem{align-items:center;flex-direction:row}.statusRow strong{max-width:62%;overflow-wrap:anywhere;text-align:right}.approvalRow{align-items:start;grid-template-columns:42px minmax(0,1fr) auto}.approvalRow>button{grid-column:2 / -1;justify-self:start}.segmentedControl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dataToolbar{align-items:stretch}.dataToolbar .field{min-width:0}.reportFilters,.queueStrip,.commandStats{grid-template-columns:1fr}.scanner{min-height:270px;padding:18px}.scannerInput{display:grid}.modalBackdrop{align-items:end;padding:0}.modal{border-radius:8px 8px 0 0;max-height:88dvh}.modalActions{align-items:stretch;flex-direction:column-reverse}.modalActions button{width:100%}.dangerAction{margin-right:0}.toast{bottom:12px;left:12px;right:12px}.qrActions{display:grid;width:100%}.authBrand{min-height:180px;padding:24px}.authBrand .magnaLogo{width:210px}}.primary.authLoginButton{background:#1c2125;box-shadow:0 8px 18px #1c21252e}.primary.authLoginButton:hover{background:#30363b;box-shadow:0 12px 24px #1c21253d}.appLoading{align-items:center;background:var(--canvas);color:var(--ink-700);display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100vh;padding:24px;text-align:center}.appLoading .spinner{animation:appSpin .9s linear infinite;border:3px solid var(--line);border-radius:50%;border-top-color:var(--brand-red);display:inline-block;height:30px;width:30px}@keyframes appSpin{to{transform:rotate(360deg)}}
