:root{--ink:#121a26;--ink-soft:#3d4b5f;--ink-muted:#6b7a8f;--canvas:#eef2f6;--canvas-2:#e4ebf2;--surface:#fff;--surface-2:#f7f9fc;--line:#d5dee8;--line-strong:#b8c5d4;--brand:#e01820;--brand-dark:#b81218;--brand-soft:#fde8e9;--teal:#0b7a75;--teal-dark:#08605c;--teal-soft:#dff3f1;--teal-glow:#0b7a752e;--amber:#b86a00;--amber-soft:#fff1db;--coral:#c0392b;--coral-soft:#fde8e5;--sage:#2f6b4a;--sage-soft:#e3f2ea;--navy:#152238;--navy-2:#1e314d;--seylan-grey:#606060;--shadow-sm:0 1px 2px #121a260d;--shadow:0 8px 24px #121a2612;--shadow-lg:0 20px 48px #121a261f;--radius:14px;--radius-sm:10px;--font-display:"Syne", "Avenir Next", sans-serif;--font-body:"Figtree", "Segoe UI", sans-serif;--role-branch:#0b7a75;--role-mail:#1e314d;--role-recipient:#2f6b4a;--role-mail-admin:#9a5b12;--role-admin:#4a3d6b;--ease:cubic-bezier(.22, 1, .36, 1);--sidebar-w:228px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 70% 45% at 0% 0%, #0b7a7517, transparent 55%), radial-gradient(ellipse 50% 40% at 100% 0%, #1e314d14, transparent 50%), linear-gradient(180deg, #f4f7fa 0%, var(--canvas) 40%, var(--canvas-2) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15.5px;line-height:1.5}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:700}a{color:var(--teal-dark);transition:color .15s var(--ease);text-decoration:none}a:hover{color:var(--teal)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:40;border-radius:0;flex-flow:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;position:sticky;top:0}.sidebar .brand-lockup{flex-direction:row;flex:1;align-items:center;gap:.65rem;min-width:140px}.sidebar .brand-logo{width:88px}.sidebar .brand-product span{display:none}.sidebar .brand{flex:1;min-width:120px}.nav-links{flex-flow:wrap;order:3;gap:.35rem;width:100%}.nav-links a{text-align:center;flex:auto;padding:.5rem .65rem;font-size:.85rem}.user-chip{max-width:200px;margin-top:0;padding:.45rem .65rem}.user-chip .sign-out-btn{display:none}.mobile-signout{display:inline-flex!important}.sidebar-tip{display:none}}.sidebar{background:linear-gradient(195deg, var(--navy) 0%, var(--navy-2) 55%, #0f1a2b 100%);color:#eef3f8;flex-direction:column;gap:1.1rem;height:100vh;padding:1.15rem 1rem 1.35rem;display:flex;position:sticky;top:0;overflow:auto}.brand-lockup{flex-direction:column;gap:.4rem;padding:.1rem .25rem .2rem;display:flex}.brand-logo{width:min(118px,100%);height:auto;display:block}.brand-logo-mark{width:96px}.brand-product{padding-left:.1rem}.brand-product strong{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-size:.95rem;display:block}.brand-product span{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-top:.1rem;font-size:.62rem;font-weight:700;display:block}.sidebar .brand{display:none}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;opacity:.45;margin-bottom:.35rem;padding:0 .75rem;font-size:.68rem;font-weight:700}.nav-links{flex-direction:column;gap:.3rem;display:flex}.nav-links a{color:#ffffffb8;transition:background .18s var(--ease), color .18s var(--ease), transform .15s var(--ease);border-radius:10px;align-items:center;gap:.65rem;padding:.7rem .85rem;font-size:.94rem;font-weight:600;display:flex}.nav-links a .nav-icon{opacity:.75;flex-shrink:0;width:1.15rem;height:1.15rem}.nav-links a:hover{color:#fff;background:#ffffff14}.nav-links a.active{color:#fff;background:#0b7a7559;box-shadow:inset 3px 0 #5fd4cd}.nav-links a.active .nav-icon{opacity:1}.user-chip{background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;margin-top:auto;padding:1rem;font-size:.9rem}.sidebar-tip{background:#0b7a752e;border:1px solid #5fd4cd40;border-radius:10px;padding:.85rem .9rem;font-size:.8rem;line-height:1.4}.sidebar-tip strong{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:.3rem;font-size:.68rem;display:block}.sidebar-tip p{color:#ffffffd1;margin:0}.user-chip strong{color:#fff;font-size:.95rem;display:block}.user-chip .muted{opacity:.65;margin-top:.15rem;font-size:.8rem}.mobile-signout{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:8px;padding:.4rem .65rem;font-size:.8rem;font-weight:600;display:none}.main{width:100%;min-width:0;max-width:none;animation:fadeUp .35s var(--ease) both;padding:1.35rem 1.75rem 2.5rem}.page-fill{width:100%;min-width:0}.page-header-tight{margin-bottom:1rem}.page-header-tight p{max-width:none}.stats-inline{margin-bottom:1rem}.stat .value-sm{margin-top:.45rem;font-size:1rem}.stat .value-code{letter-spacing:-.02em;word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;font-weight:700}.workbench{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1.15rem;display:grid}.workbench-main{min-width:0}.workbench-aside{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1rem}.panel-flush{padding-bottom:.5rem}.panel-meta{font-family:var(--font-body);color:var(--ink-muted);font-size:.8rem;font-weight:600}.compact-form .field{margin-bottom:.7rem}.qr-tabs{grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.75rem;display:grid}.qr-tabs button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-muted);border-radius:8px;padding:.4rem;font-size:.8rem;font-weight:700}.qr-tabs button.active{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-dark)}.qr-tabs button:disabled{opacity:.4}table.data tbody tr.row-selected{background:var(--teal-soft)}table.data tbody tr{cursor:default}@media (width<=1100px){.workbench{grid-template-columns:1fr}.workbench-aside{grid-template-columns:1fr 1fr;display:grid;position:static}}@media (width<=720px){.workbench-aside{grid-template-columns:1fr}}@media (width<=640px){.main{padding:1rem .9rem 2rem}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:clamp(1.55rem,3vw,1.95rem);line-height:1.15}.page-header p{color:var(--ink-muted);max-width:38rem;margin:.45rem 0 0;font-size:.95rem}.page-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);align-items:center;gap:.4rem;margin-bottom:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease), border-color .2s var(--ease);padding:1.25rem 1.35rem}.panel:hover{box-shadow:var(--shadow)}.panel+.panel{margin-top:1rem}.panel-muted{background:var(--surface-2);box-shadow:none}.panel-title{font-family:var(--font-display);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.05rem;font-weight:700;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=760px){.grid-2{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:.85rem;margin-bottom:1.35rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);animation:fadeUp .5s var(--ease) both;padding:1.05rem 1.15rem;position:relative;overflow:hidden}.stat:nth-child(2){animation-delay:50ms}.stat:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.15s}.stat:after{content:"";background:linear-gradient(90deg, var(--teal), transparent);opacity:.7;height:3px;position:absolute;inset:auto 0 0}.stat .label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);font-size:.72rem;font-weight:700}.stat .value{font-family:var(--font-display);letter-spacing:-.03em;margin-top:.25rem;font-size:1.9rem;line-height:1.1}.btn{background:var(--teal);color:#fff;transition:background .15s var(--ease), transform .12s var(--ease), box-shadow .15s var(--ease);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff26}.btn:hover{background:var(--teal-dark);box-shadow:0 6px 16px var(--teal-glow)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--ink-muted);box-shadow:none}.btn-danger{background:var(--coral)}.btn-danger:hover{background:#a32f23;box-shadow:0 6px 16px #c0392b40}.btn-amber{background:var(--amber)}.btn-amber:hover{background:#9a5800;box-shadow:0 6px 16px #b86a0040}.btn-sm{border-radius:8px;padding:.4rem .75rem;font-size:.84rem}.btn-ghost{color:var(--ink-soft);box-shadow:none;background:0 0;border:none;padding:.4rem .6rem}.btn-ghost:hover{background:var(--canvas);color:var(--ink);box-shadow:none}.field{flex-direction:column;gap:.35rem;margin-bottom:.95rem;display:flex}.field label{color:var(--ink-soft);letter-spacing:.01em;font-size:.8rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:10px;padding:.65rem .8rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow);outline:none}.field textarea{resize:vertical;min-height:80px}.hint{color:var(--ink-muted);margin:-.35rem 0 .85rem;font-size:.8rem}.table-wrap{margin:0 -.25rem;padding:0 .25rem;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.8rem .55rem}table.data tbody tr{transition:background .12s var(--ease)}table.data tbody tr:hover{background:var(--surface-2)}table.data th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);padding-top:.35rem;padding-bottom:.65rem;font-size:.7rem;font-weight:700}table.data code,code{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:.15rem .4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:7px;align-items:center;padding:.22rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-draft,.badge-in_bundle{background:var(--canvas-2);color:var(--ink-muted)}.badge-dispatched,.badge-in_transit{background:var(--amber-soft);color:var(--amber)}.badge-received_at_mail_dept,.badge-at_mail_dept,.badge-sorting,.badge-sorted{background:var(--teal-soft);color:var(--teal-dark)}.badge-fully_dispatched,.badge-delivered{color:var(--navy);background:#e4ecf7}.badge-accepted,.badge-closed{background:var(--sage-soft);color:var(--sage)}.badge-urgent{background:var(--coral-soft);color:var(--coral)}.badge-normal{background:var(--canvas-2);color:var(--ink-muted)}.empty{text-align:center;color:var(--ink-muted);padding:2.25rem 1.25rem}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);padding:2.5rem 1.5rem}.empty-state .empty-icon{background:var(--teal-soft);width:48px;height:48px;color:var(--teal);border-radius:14px;place-items:center;margin:0 auto .85rem;display:grid}.empty-state h3{margin-bottom:.35rem;font-size:1.05rem}.empty-state p{max-width:28rem;color:var(--ink-muted);margin:0 auto;font-size:.92rem}.error-text{color:var(--coral);margin:.4rem 0;font-size:.88rem;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .18s var(--ease);background:#0f1a2880;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:min(500px,100%);box-shadow:var(--shadow-lg);max-height:90vh;animation:scaleIn .22s var(--ease);border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.35rem;overflow:auto}.modal h2{margin-bottom:.4rem;font-size:1.3rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1.15rem;display:flex}.qr-box{background:linear-gradient(180deg, #fff 0%, var(--surface-2) 100%);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:.55rem;padding:1.15rem;display:flex}.qr-box strong{color:var(--ink-soft);font-size:.85rem}.qr-box code{word-break:break-all;font-size:.75rem}.scan-list{flex-direction:column;gap:.45rem;max-height:240px;margin:.85rem 0;display:flex;overflow:auto}.scan-item{border:1px solid var(--line);background:var(--surface);text-align:left;width:100%;transition:border-color .15s var(--ease), background .15s var(--ease), transform .12s var(--ease);border-radius:10px;justify-content:space-between;align-items:center;gap:.55rem;padding:.7rem .85rem;display:flex}.scan-item:hover{border-color:var(--teal);background:var(--teal-soft);transform:translate(2px)}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);margin-left:.45rem;padding:0 0 1.1rem 1.2rem;position:relative}.timeline li:before{content:"";background:var(--teal);width:8px;height:8px;box-shadow:0 0 0 3px var(--teal-soft);border-radius:50%;position:absolute;top:.4rem;left:-5px}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline .when{color:var(--ink-muted);margin-bottom:.15rem;font-size:.75rem;font-weight:600}.toast-stack{z-index:100;flex-direction:column;gap:.5rem;width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{color:#fff;box-shadow:var(--shadow-lg);animation:slideIn .25s var(--ease);text-align:left;border:none;border-radius:12px;padding:.85rem 1.05rem;font-size:.9rem;font-weight:600}.toast-success{background:var(--sage)}.toast-error{background:var(--coral)}.toast-info{background:var(--navy)}.login-screen{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.login-bg{z-index:0;background:radial-gradient(70% 50% at 15% 10%,#0b7a7538,#0000 55%),radial-gradient(55% 45% at 90% 0,#1522382e,#0000 50%),radial-gradient(40% 35% at 70% 90%,#b86a001a,#0000 45%),linear-gradient(165deg,#edf2f7 0%,#e6edf4 45%,#dfe8f0 100%);position:absolute;inset:0}.login-top,.login-stage,.login-foot{z-index:1;position:relative}.login-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.75rem 2rem .5rem;display:flex}.login-top .brand{color:var(--navy);font-size:clamp(2rem,4vw,2.75rem);line-height:1}.login-top .brand span{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-top:.45rem;font-size:.72rem;font-weight:700;display:block}.login-top-tag{color:var(--ink-muted);margin:0;font-size:.88rem;font-weight:600}.login-stage{flex:1;place-items:center;padding:1.5rem 1.5rem 2rem;display:grid}.login-block{width:min(1080px,100%);animation:fadeUp .4s var(--ease) both}.login-block h1{margin-bottom:.45rem;font-size:clamp(1.7rem,3.5vw,2.35rem)}.login-lead{color:var(--ink-muted);max-width:40rem;margin:0 0 1.5rem;font-size:1.02rem}.login-lead code{font-size:.9em}.role-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=1000px){.role-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.role-tiles{grid-template-columns:1fr}}.role-tile{text-align:left;border:1px solid var(--line);background:var(--surface);min-height:168px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease), box-shadow .15s var(--ease), border-color .15s var(--ease);border-radius:14px;flex-direction:column;gap:.35rem;padding:1.1rem 1rem 1rem;display:flex}.role-tile:hover{box-shadow:var(--shadow);border-color:var(--teal);transform:translateY(-3px)}.role-tile-hint{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-size:.68rem;font-weight:800}.role-tile strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:1.15rem}.role-tile-blurb{color:var(--ink-muted);flex:1;font-size:.86rem;line-height:1.35}.role-tile-count{color:var(--ink-soft);margin-top:.35rem;font-size:.75rem;font-weight:700}.role-tile-branch_officer{border-top:3px solid var(--role-branch)}.role-tile-mail_clerk{border-top:3px solid var(--role-mail)}.role-tile-recipient{border-top:3px solid var(--role-recipient)}.role-tile-mail-admin,.role-tile-mail_admin{border-top:3px solid var(--role-mail-admin)}.role-tile-admin{border-top:3px solid var(--role-admin)}.login-manual-toggle{text-align:center;margin-top:1.25rem}.login-manual{background:var(--surface);border:1px solid var(--line);max-width:380px;box-shadow:var(--shadow-sm);border-radius:14px;margin:1rem auto 0;padding:1.15rem}.login-manual .btn{width:100%}.login-back{margin-bottom:.75rem;padding-left:0}.people-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;display:grid}.person-card{text-align:left;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .15s var(--ease), box-shadow .15s var(--ease), border-color .15s var(--ease);border-radius:14px;flex-direction:column;gap:.25rem;padding:1.1rem;display:flex}.person-card:hover{box-shadow:var(--shadow);border-color:var(--teal);transform:translateY(-2px)}.person-card strong{color:var(--ink);margin-top:.25rem;font-size:1.05rem}.person-unit{color:var(--ink-soft);font-size:.88rem;font-weight:600}.person-user{color:var(--ink-muted);font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.person-cta{color:var(--teal-dark);margin-top:.65rem;font-size:.82rem;font-weight:800}.login-foot{color:var(--ink-muted);text-align:center;padding:.85rem 2rem 1.25rem;font-size:.82rem;font-weight:600}.steps{gap:.35rem;margin-bottom:1.35rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.step{background:var(--surface);border:1px solid var(--line);min-width:110px;color:var(--ink-muted);transition:border-color .15s var(--ease), background .15s var(--ease), color .15s var(--ease);border-radius:12px;flex:1;align-items:center;gap:.55rem;padding:.7rem .85rem;font-size:.8rem;font-weight:600;display:flex}.step-num{background:var(--canvas-2);border-radius:8px;flex-shrink:0;place-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;font-weight:800;display:grid}.step.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.step.active .step-num{background:var(--teal);color:#fff}.step.done{color:var(--sage);background:var(--sage-soft);border-color:#b8d9c6}.step.done .step-num{background:var(--sage);color:#fff}.bar-chart{align-items:flex-end;gap:.55rem;height:130px;margin-top:.85rem;padding:0 .25rem;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.4rem;height:100%;display:flex}.bar{background:linear-gradient(180deg, #1aa39b 0%, var(--navy) 100%);width:100%;max-width:40px;min-height:4px;transition:height .4s var(--ease);border-radius:8px 8px 3px 3px}.bar-col span{color:var(--ink-muted);text-align:center;font-size:.68rem;font-weight:600}.sort-groups{gap:.85rem;display:grid}.sort-group{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:1rem}.sort-group header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.65rem;display:flex}.row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.action-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.role-pill{text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:6px;margin-bottom:.4rem;padding:.22rem .5rem;font-size:.65rem;font-weight:800;display:inline-block}.role-branch_officer{background:var(--role-branch)}.role-mail_clerk{background:var(--role-mail)}.role-recipient{background:var(--role-recipient)}.role-mail_admin{background:var(--role-mail-admin)}.role-admin{background:var(--role-admin)}.print-only{display:none}@media print{body{background:#fff}.sidebar,.no-print,.toast-stack{display:none!important}.app-shell{display:block}.main{max-width:none;padding:0}.print-only{display:block}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.stat-alert:after{background:linear-gradient(90deg, var(--brand), transparent)}.ops-brand-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.85rem;padding:.65rem .9rem;display:flex}.ops-brand-chip .brand-logo-mark{width:78px}.ops-brand-chip strong{font-size:.88rem;display:block}.ops-brand-chip span{color:var(--ink-muted);font-size:.78rem;font-weight:600;display:block}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ops-grid-2{grid-template-columns:1fr 1.15fr}@media (width<=980px){.ops-grid,.ops-grid-2{grid-template-columns:1fr}}.donut-wrap{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}@media (width<=560px){.donut-wrap{grid-template-columns:1fr;justify-items:center}}.donut-value{font-family:var(--font-display);fill:var(--ink);font-size:1.55rem;font-weight:700}.donut-label{letter-spacing:.06em;text-transform:uppercase;fill:var(--ink-muted);font-size:.68rem;font-weight:700}.chart-legend{flex-direction:column;gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.chart-legend li{color:var(--ink-soft);grid-template-columns:10px 1fr auto;align-items:center;gap:.5rem;font-size:.82rem;display:grid}.chart-legend .swatch{border-radius:3px;width:10px;height:10px}.chart-legend strong{font-variant-numeric:tabular-nums;color:var(--ink)}.hbar-chart{flex-direction:column;gap:.65rem;display:flex}.hbar-row{grid-template-columns:88px 1fr 36px;align-items:center;gap:.55rem;display:grid}.hbar-label{color:var(--ink);font-size:.8rem;font-weight:700}.hbar-label small{color:var(--ink-muted);font-size:.68rem;font-weight:600;display:block}.hbar-track{background:var(--canvas-2);border-radius:999px;height:10px;overflow:hidden}.hbar-fill{background:linear-gradient(90deg, var(--teal) 0%, var(--navy) 100%);min-width:4px;height:100%;transition:width .45s var(--ease);border-radius:999px}.hbar-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800}.line-chart{width:100%;height:170px;display:block}.chart-grid{stroke:var(--line);stroke-width:1px}.line-area{fill:#0b7a751f}.line-path{stroke:var(--teal);stroke-width:2.5px}.line-dot{fill:var(--teal);stroke:#fff;stroke-width:2px}.chart-axis{fill:var(--ink-muted);font-size:10px;font-weight:600}.chart-footnote{color:var(--ink-muted);margin:.65rem 0 0;font-size:.8rem}.login-top .brand-lockup{flex-direction:row;align-items:center;gap:1rem}.login-top .brand-logo{width:min(200px,42vw)}.login-top .brand-product strong{color:var(--navy);font-size:1.35rem}.login-top .brand-product span{color:var(--ink-muted)}.login-bg{background:radial-gradient(70% 50% at 12% 8%,#0b7a7524,#0000 55%),radial-gradient(55% 45% at 92% 0,#1522381f,#0000 50%),linear-gradient(165deg,#f4f5f7 0%,#eceff3 45%,#e5e9ef 100%)!important}.bar{background:linear-gradient(#1aa39b 0%,#152238 100%)!important}.qr-meta{color:var(--ink-muted);text-align:center;max-width:220px;font-size:.72rem;line-height:1.35}.scan-item-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.badge-quarantined,.badge-rejected{background:var(--coral-soft);color:var(--coral)}.badge-awaiting_courier,.badge-with_courier{color:var(--navy);background:#e4ecf7}.custody-slip{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:420px;margin:0 auto;padding:1.25rem}.custody-slip h2{margin:.5rem 0;font-size:1.1rem}.custody-slip .slip-grid{gap:.35rem;margin:1rem 0;font-size:.88rem;display:grid}.custody-slip .slip-grid div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:1rem;padding-bottom:.25rem;display:flex}.search-panel{position:relative}.search-results{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:30;border-radius:10px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.search-results a{border-bottom:1px solid var(--line);color:var(--ink);padding:.65rem .85rem;display:block}.search-results a:hover{background:var(--teal-soft)}.notif-list{flex-direction:column;gap:.5rem;display:flex}.notif-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.85rem 1rem}.notif-item.unread{border-color:var(--teal);background:var(--teal-soft)}.sidebar-search{padding:0 .25rem}.sidebar-search input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;width:100%;padding:.45rem .6rem;font-size:.82rem}.sidebar-search input::placeholder{color:#ffffff73}