:root{--navy:#14213d;--navy-dark:#0b1526;--navy-800:#1a2c50;--corpblue:#2f5fa8;--corpblue-light:#eaf1fb;--accent:#f2791e;--accent-dark:#d9640f;--accent-light:#fdeee1;--ink:#1b2233;--ink-sub:#5b6472;--ink-muted:#8b93a1;--line:#e4e7ec;--canvas:#f5f6f8;--card:#fff;--success:#1e8e5a;--success-bg:#e7f6ee;--warning:#c77a1e;--warning-bg:#fdf1e1;--critical:#c0392b;--critical-bg:#fbeae8;--info:#2f5fa8;--info-bg:#e9f0fa;--flag:#6e56cf;--flag-bg:#efeafb;--sender-system:var(--ink-sub);--sender-system-bg:var(--canvas);--sender-trade:#2f6feb;--sender-trade-bg:#eaf3ff;--sender-manager:var(--warning);--sender-manager-bg:var(--warning-bg);--sender-depot:var(--success);--sender-depot-bg:var(--success-bg);--sender-human:var(--flag);--sender-human-bg:var(--flag-bg);--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a1f;--radius:8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}button,input,select{font-family:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy-dark);z-index:40;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{background:#fff;border-radius:7px;justify-content:center;padding:10px;display:flex}.brand-logo{width:100%;max-width:190px;height:auto;display:block}.sidebar-tag{letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;margin:14px 4px 16px;font-size:10.5px;font-weight:600}.navlist{flex-direction:column;gap:2px;display:flex}.navlink{color:#ffffffbf;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.navlink:hover{color:#fff;background:#ffffff12}.navlink-active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:#ffffff1a}.navlink-icon{justify-content:center;width:18px;font-size:16px;display:inline-flex}.sidebar-foot{color:#ffffffad;background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;margin-top:auto;padding:12px;font-size:12px}.sidebar-foot-title{color:#fff;margin-bottom:6px;font-size:12px;font-weight:600}.sidebar-backdrop{display:none}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.hamburger{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-sub);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:17px;display:none}.topbar-title{color:var(--ink);font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:14px;display:flex}.search{background:var(--canvas);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;width:280px;padding:7px 10px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:13px}.search-icon{color:var(--ink-muted);font-size:15px;display:flex}.iconbtn{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-sub);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.iconbtn:hover{background:var(--canvas)}.iconbtn-badge{background:var(--critical);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.userchip{background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:5px 8px 5px 5px;display:flex;position:relative}.userchip:hover{background:var(--canvas);border-color:var(--line)}.avatar{background:var(--corpblue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.userchip-text{text-align:left;line-height:1.25}.userchip-name{color:var(--ink);font-size:12.5px;font-weight:600}.userchip-role{color:var(--ink-sub);font-size:11px}.userchip-caret{color:var(--ink-muted);font-size:14px}.rolemenu{border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:30;background:#fff;border-radius:8px;width:200px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.rolemenu-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px 4px;font-size:10.5px;font-weight:700}.rolemenu-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:8px;font-size:13px;display:flex}.rolemenu-item:hover{background:var(--canvas)}.rolemenu-sep{background:var(--line);height:1px;margin:4px 2px}.menu-backdrop{z-index:15;cursor:default;background:0 0;border:none;padding:0;position:fixed;inset:0}.content{width:100%;max-width:1320px;margin:0 auto;padding:24px 28px 56px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi-row-5{grid-template-columns:repeat(5,1fr)}.kpi-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:16px 18px}.kpi-label{color:var(--ink-sub);margin-bottom:8px;font-size:12px;font-weight:500}.kpi-value{color:var(--ink);letter-spacing:-.01em;font-size:23px;font-weight:700}.kpi-card-clickable{text-align:left;cursor:pointer;width:100%;transition:border-color .12s,box-shadow .12s;position:relative}.kpi-card-clickable:hover{border-color:var(--corpblue);box-shadow:var(--shadow-md)}.filters-bar{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;margin-bottom:20px;padding:16px 18px}.filters-row{flex-wrap:wrap;gap:16px;margin-bottom:14px;display:flex}.filter-group{flex-direction:column;gap:5px;min-width:150px;display:flex}.filter-label{color:var(--ink-sub);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.filter-group select,.filter-group input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-size:12.5px}.date-range-input{color:var(--ink-muted);cursor:not-allowed;background:var(--canvas)}.quick-filters{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.quick-filter-btn{background:var(--canvas);border:1px solid var(--line);color:var(--ink-sub);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.quick-filter-btn:hover{border-color:var(--corpblue);color:var(--corpblue)}.quick-filter-btn-active{background:var(--navy);border-color:var(--navy);color:#fff}.card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;margin-bottom:20px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);padding:16px 20px}.card-title{color:var(--ink);font-size:14.5px;font-weight:600}.card-sub{color:var(--ink-sub);margin-top:2px;font-size:12.5px}.card-body{padding:18px 20px;overflow-x:auto}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-info{background:var(--info-bg);color:var(--info)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-critical{background:var(--critical-bg);color:var(--critical)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-accent{background:var(--accent-light);color:var(--accent-dark)}.badge-flag{background:var(--flag-bg);color:var(--flag)}.btn-primary{background:var(--navy);color:#fff;border:none;border-radius:6px;align-items:center;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--navy-800)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--canvas)}.btn-block{justify-content:center;width:100%;margin-top:6px}.field{flex-direction:column;gap:6px;font-size:12.5px;display:flex}.field-label{color:var(--ink);font-size:14px;font-weight:700}.card-title-lg{font-size:17px;font-weight:700}.field input,.field select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:9px 10px;font-size:13px}.field input:focus,.field select:focus{border-color:var(--corpblue);box-shadow:0 0 0 3px var(--corpblue-light)}.field-hint{color:var(--ink-muted);font-size:11px}.field-error{color:var(--critical);font-size:11.5px;font-weight:600}.login-wrap{background:var(--navy-dark);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:12px;width:380px;max-width:100%;padding:34px 30px 28px;box-shadow:0 24px 60px #00000059}.login-logo{width:100%;max-width:210px;height:auto;margin:0 auto 22px;display:block}.login-title{color:var(--ink);text-align:center;font-size:17px;font-weight:700}.login-sub{color:var(--ink-sub);text-align:center;margin-bottom:22px;font-size:12.5px}.login-card .field{margin-bottom:14px}.remember-me{color:var(--ink-sub);cursor:pointer;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;display:flex}.remember-me input{cursor:pointer;width:14px;height:14px}.login-foot{text-align:center;color:var(--ink-muted);margin-top:14px;font-size:11px}.muted{color:var(--ink-sub);font-size:13px}.navsub{border-left:1px solid #ffffff24;flex-direction:column;gap:1px;margin:4px 0 6px 26px;padding-left:10px;display:flex}.navsublink{text-align:left;color:#ffffff94;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:7px 6px;font-size:12.5px}.navsublink:hover{color:#fff}.navsublink-active{color:#fff;font-weight:600}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--navy);padding:11px 10px;font-size:11px;font-weight:700}.tbl th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.tbl th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.tbl td{border-top:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:12px 10px}.cell-sub{color:var(--ink-sub);margin-top:2px;font-size:11.5px}.num-cell{font-variant-numeric:tabular-nums}.linklike{color:var(--corpblue);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.linklike:hover{text-decoration:underline}.btn-ghost-sm{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:5px;padding:5px 12px;font-size:12px;font-weight:600}.btn-ghost-sm:hover{background:var(--canvas);border-color:var(--corpblue);color:var(--corpblue)}.list-toolbar{justify-content:flex-end;gap:10px;margin-bottom:14px;display:flex}.error-text{color:#c0392b;margin:0 0 10px;font-size:12.5px}.autocomplete-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:6px;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #0000001a}.autocomplete-option{cursor:pointer;padding:7px 12px;font-size:13px}.autocomplete-option-active{background:var(--canvas);color:var(--corpblue)}.upload-summary{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.upload-summary-row{flex-wrap:wrap;gap:20px;margin-bottom:6px;font-size:13px;display:flex}.automation-list{margin:0;padding:0;font-size:13px;list-style:none}.automation-list li{padding:4px 0}.automation-ok{color:#1e7e34}.automation-failed{color:#c0392b}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.filedrop{border:1.5px dashed var(--line);text-align:center;color:var(--ink-sub);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12.5px;display:flex}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.panel-section-title{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;margin:18px 0 10px;font-size:13px;font-weight:600;display:flex}.backlink{color:var(--ink-sub);cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:16px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.backlink:hover{color:var(--corpblue)}.card-backbar{background:var(--canvas);border-bottom:1px solid var(--line);padding:14px 20px}.card-backbar-link{color:var(--corpblue);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.card-backbar-link:hover{text-decoration:underline}.mode-toggle{border:1px solid var(--line);background:var(--canvas);border-radius:7px;margin-bottom:20px;padding:3px;display:inline-flex}.mode-btn{color:var(--ink-sub);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:9px 22px;font-size:13.5px;font-weight:700}.mode-btn-active{color:var(--navy);box-shadow:var(--shadow-sm);background:#fff}.panel-kpis2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.panel-kpi2{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.panel-kpi2-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:flex}.panel-kpi2-icon-blue{background:var(--info-bg);color:var(--info)}.panel-kpi2-icon-orange{background:var(--warning-bg);color:var(--warning)}.panel-kpi2-icon-green{background:var(--success-bg);color:var(--success)}.panel-kpi2-label{color:var(--ink-sub);margin-bottom:3px;font-size:11px}.panel-kpi2-value{color:var(--ink);font-size:15px;font-weight:700}.kpi-row-6{grid-template-columns:repeat(6,1fr)}.sev-critical-fg{color:var(--critical)}.sev-critical-bg{background:var(--critical-bg)}.sev-high-fg{color:var(--accent-dark)}.sev-high-bg{background:var(--accent-light)}.sev-medium-fg{color:var(--warning)}.sev-medium-bg{background:var(--warning-bg)}.sev-excess-fg{color:var(--info)}.sev-excess-bg{background:var(--info-bg)}.sev-ontarget-fg{color:var(--success)}.sev-ontarget-bg{background:var(--success-bg)}.card-alert .card-head{border-bottom:none;padding:0}.card-alert .card-body{padding:0}.alert-banner{background:var(--critical);color:#fff;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.empty-state-good{background:var(--success-bg);color:var(--success);border-radius:8px;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.alert-banner-title{font-size:15px;font-weight:700}.alert-banner-sub{color:#ffffffd9;margin-top:3px;font-size:12px}.severity-guide{background:var(--critical-bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;padding:11px 20px;font-size:12px;display:flex}.severity-guide-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:10.5px;font-weight:700}.severity-guide-item{align-items:center;gap:6px;font-weight:700;display:inline-flex}.severity-guide-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.severity-guide-dot-critical{background:var(--critical)}.severity-guide-dot-high{background:var(--accent-dark)}.severity-guide-dot-medium{background:var(--warning)}.severity-guide-item-critical{color:var(--critical)}.severity-guide-item-high{color:var(--accent-dark)}.severity-guide-item-medium{color:var(--warning)}.alert-table-wrap{overflow-x:auto}.alert-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.alert-table thead tr{background:var(--navy)}.alert-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#fff;white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:700}.alert-table th.num,.alert-table td.num{text-align:right;font-variant-numeric:tabular-nums}.alert-table td{border-top:1px solid var(--line);vertical-align:middle;color:var(--ink);padding:12px 14px}.alert-table td:first-child{border-left:4px solid #0000}.alert-row-critical td:first-child{border-left-color:var(--critical)}.alert-row-high td:first-child{border-left-color:var(--accent-dark)}.alert-row-medium td:first-child{border-left-color:var(--warning)}.alert-row-shortage-num{color:var(--critical);font-weight:700}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill-neutral{background:var(--canvas);color:var(--ink-sub);border:1px solid var(--line)}.badge-severity{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-severity-critical{background:var(--critical-bg);color:var(--critical)}.badge-severity-high{background:var(--accent-light);color:var(--accent-dark)}.badge-severity-medium{background:var(--warning-bg);color:var(--warning)}.btn-details{border:1px solid var(--line);color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.btn-details:hover{border-color:var(--corpblue);color:var(--corpblue)}.region-map-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;overflow-x:auto}.region-map-svg{width:100%;min-width:640px;height:auto;display:block}.region-zone{cursor:pointer}.region-zone-shape{fill:#0000;stroke:#0000;stroke-width:0;transition:stroke .15s,filter .15s}.region-zone:hover .region-zone-shape{stroke:var(--navy);stroke-width:3px;filter:brightness(1.06)}.region-zone-active .region-zone-shape{stroke:var(--navy);stroke-width:4px;filter:brightness(1.1)saturate(1.1)}.region-zone-dot{stroke:#fff;stroke-width:1.5px;transition:r .15s}.region-zone:hover .region-zone-dot,.region-zone-active .region-zone-dot{r:11}.region-zone-dot-critical{fill:var(--critical)}.region-zone-dot-shortage{fill:var(--accent-dark)}.region-zone-dot-excess{fill:var(--info)}.region-zone-dot-ontarget{fill:var(--success)}.region-zone-dot-nodata{fill:var(--ink-muted)}.portcards-filter-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.portcard-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.portcard{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:16px 18px;transition:box-shadow .12s,border-color .12s}.portcard:hover{box-shadow:var(--shadow-md);border-color:var(--corpblue)}.portcard-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.portcard-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:4px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.portcard-badge-critical{background:var(--critical-bg);color:var(--critical)}.portcard-badge-high{background:var(--accent-light);color:var(--accent-dark)}.portcard-badge-medium{background:var(--warning-bg);color:var(--warning)}.portcard-badge-excess{background:var(--info-bg);color:var(--info)}.portcard-badge-ontarget{background:var(--success-bg);color:var(--success)}.portcard-region{color:var(--ink-muted);font-size:11px;font-weight:600}.portcard-name{color:var(--ink);margin-bottom:6px;font-size:14.5px;font-weight:700}.portcard-shortage-num{letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1}.portcard-shortage-num-critical{color:var(--critical)}.portcard-shortage-num-high{color:var(--accent-dark)}.portcard-shortage-num-medium{color:var(--warning)}.portcard-shortage-num-excess{color:var(--info)}.portcard-shortage-num-ontarget{color:var(--success)}.portcard-size-tag{color:var(--ink-sub);background:var(--canvas);border-radius:5px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.portcard-type-tag{color:var(--ink-muted);font-weight:600}.portcard-bar-track{background:var(--canvas);border-radius:5px;height:8px;margin-bottom:6px;position:relative;overflow:visible}.portcard-bar-fill{border-radius:5px;height:100%}.portcard-bar-fill-critical{background:var(--critical)}.portcard-bar-fill-high{background:var(--accent-dark)}.portcard-bar-fill-medium{background:var(--warning)}.portcard-bar-fill-excess{background:var(--info)}.portcard-bar-fill-ontarget{background:var(--success)}.portcard-bar-target{background:var(--ink);width:2px;position:absolute;top:-3px;bottom:-3px}.portcard-bar-nums{color:var(--ink-sub);justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.portcard-incoming{color:var(--ink-sub);border-top:1px solid var(--line);align-items:center;padding-top:10px;font-size:11.5px;display:flex}.num-negative{color:var(--critical);font-weight:700}.num-positive{color:var(--success);font-weight:700}.badge2{border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge2-critical{background:var(--critical-bg);color:var(--critical)}.badge2-high{background:var(--accent-light);color:var(--accent-dark)}.badge2-medium{background:var(--warning-bg);color:var(--warning)}.badge2-excess{background:var(--info-bg);color:var(--info)}.badge2-ontarget{background:var(--success-bg);color:var(--success)}.portchart{flex-direction:column;gap:12px;display:flex}.portchart-row{grid-template-columns:80px 1fr 70px;align-items:center;gap:12px;font-size:12.5px;display:grid}.portchart-label{color:var(--ink-sub);font-weight:600}.portchart-track{background:var(--canvas);border-radius:5px;height:10px;overflow:hidden}.portchart-fill{border-radius:5px;height:100%}.portchart-fill-target{background:var(--ink-muted)}.portchart-fill-actual{background:var(--corpblue)}.portchart-fill-incoming{background:var(--flag)}.portchart-value{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.engine-head{justify-content:space-between;align-items:flex-start;display:flex}.status-pill{background:var(--success-bg);color:var(--success);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;width:7px;height:7px;display:inline-block}.engine-rows{flex-direction:column;gap:12px;display:flex}.engine-row{grid-template-columns:82px 1fr 26px;align-items:center;gap:12px;font-size:12.5px;display:grid}.engine-label{color:var(--ink);font-weight:600}.engine-track{background:var(--canvas);border-radius:5px;height:9px;overflow:hidden}.engine-fill{border-radius:5px;height:100%}.engine-fill-amber{background:#e8a33d}.engine-fill-orange{background:var(--accent)}.engine-fill-navy{background:var(--navy)}.engine-fill-red{background:var(--critical)}.engine-fill-green{background:var(--success)}.engine-value{text-align:right;color:var(--ink);font-weight:700}.engine-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:12.5px;display:flex}.engine-foot strong{color:var(--ink)}.dashboard-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.setup-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.setup-tile{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:16px;transition:border-color .12s,box-shadow .12s}.setup-tile:hover{border-color:var(--corpblue);box-shadow:var(--shadow-md)}.setup-tile-icon{background:var(--corpblue-light);width:34px;height:34px;color:var(--corpblue);border-radius:7px;justify-content:center;align-items:center;margin-bottom:10px;font-size:18px;font-weight:700;display:flex}.setup-tile-title{color:var(--ink);margin-bottom:4px;font-size:13.5px;font-weight:600}.setup-tile-desc{color:var(--ink-sub);margin-bottom:10px;font-size:12px;line-height:1.5}.setup-tile-go{color:var(--corpblue);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.overlay{z-index:50;background:#0b15268c;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:#fff;width:560px;max-width:92vw;height:100vh;padding:26px 26px 30px;position:relative;overflow-y:auto;box-shadow:-8px 0 30px #0000002e}.panel-close{z-index:5;border:1px solid var(--line);width:30px;height:30px;color:var(--ink-sub);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.panel-close:hover{background:var(--canvas)}.panel-eyebrow{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.panel-title{color:var(--ink);margin-top:4px;font-size:17px;font-weight:700}.panel-sub{color:var(--ink-sub);margin-top:2px;font-size:12.5px}.panel-kpis{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.panel-kpi{background:var(--canvas);border-radius:7px;padding:10px 12px}.panel-kpi-label{color:var(--ink-sub);margin-bottom:4px;font-size:11px}.panel-kpi-value{color:var(--ink);font-size:15px;font-weight:700}.panel-assignee{background:var(--corpblue-light);border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 12px;font-size:12.5px;display:flex}.panel-assignee strong{color:var(--corpblue)}.panel-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.timeline{flex-direction:column;margin-bottom:18px;display:flex}.tl-step{gap:12px;padding-bottom:22px;display:flex;position:relative}.tl-step:last-child{padding-bottom:0}.tl-step:not(:last-child):before{content:"";background:var(--line);width:1.5px;position:absolute;top:28px;bottom:0;left:13px}.tl-dot{background:var(--canvas);width:28px;height:28px;color:var(--ink-muted);border:1.5px solid var(--line);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.tl-step-done .tl-dot{background:var(--success);color:#fff;border-color:var(--success)}.tl-step-active .tl-dot{background:var(--accent);color:#fff;border-color:var(--accent)}.tl-label{color:var(--ink);font-size:13px;font-weight:600}.tl-status{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.02em;margin:2px 0 4px;font-size:11px;font-weight:700}.tl-step-active .tl-status{color:var(--accent-dark)}.tl-detail{color:var(--ink-sub);background:var(--canvas);border-radius:6px;padding:8px 10px;font-size:12.5px;line-height:1.5}.reply-box{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.5}.reply-box-ai{background:var(--flag-bg);border-color:#0000}.thread-list-label{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.msg-card{color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-left:4px solid #0000;border-radius:6px;max-width:100%;padding:10px 12px;font-size:13px;line-height:1.5}.msg-card-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.msg-icon-badge{color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.msg-sent-at{color:var(--ink-muted);white-space:nowrap;margin-left:auto;font-size:11px}.msg-subject{margin-bottom:6px;font-style:italic}.msg-role-chip{background:#ffffff8c;font-size:10px}.msg-attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.msg-html-body{max-width:100%;overflow-x:auto}.msg-html-body table{min-width:100%}.msg-card-system{background:var(--sender-system-bg);border-left-color:var(--line)}.msg-card-system .msg-icon-badge{background:var(--sender-system);color:#fff}.msg-card-system .msg-role-chip{color:var(--sender-system)}.msg-card-trade{background:var(--sender-trade-bg);border-left-color:var(--sender-trade)}.msg-card-trade .msg-icon-badge{background:var(--sender-trade)}.msg-card-trade .msg-role-chip{color:var(--sender-trade)}.msg-card-manager{background:var(--sender-manager-bg);border-left-color:var(--sender-manager)}.msg-card-manager .msg-icon-badge{background:var(--sender-manager)}.msg-card-manager .msg-role-chip{color:var(--sender-manager)}.msg-card-depot{background:var(--sender-depot-bg);border-left-color:var(--sender-depot)}.msg-card-depot .msg-icon-badge{background:var(--sender-depot)}.msg-card-depot .msg-role-chip{color:var(--sender-depot)}.msg-card-human{background:var(--sender-human-bg);border-left-color:var(--sender-human)}.msg-card-human .msg-icon-badge{background:var(--sender-human)}.msg-card-human .msg-role-chip{color:var(--sender-human)}@media (width<=560px){.msg-sent-at{order:1;width:100%;margin-left:0}}.review-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.aging-pill{background:var(--critical-bg);color:var(--critical);vertical-align:middle;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.btn-valid{background:var(--success);color:#fff;border:1.5px solid var(--success);cursor:pointer;border-radius:8px;align-items:center;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-valid:hover{background:#187048}.btn-invalid{color:var(--critical);cursor:pointer;background:#fff;border:1.5px solid #e24b4a;border-radius:8px;align-items:center;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-invalid:hover{background:var(--critical-bg)}.composer-box{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.composer-box textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;border-radius:6px;outline:none;padding:10px;font-family:inherit;font-size:13px;line-height:1.5}.composer-box textarea:focus{border-color:var(--corpblue);box-shadow:0 0 0 3px var(--corpblue-light)}@media (width<=1080px){.kpi-row,.kpi-row-5{grid-template-columns:repeat(2,1fr)}.kpi-row-6{grid-template-columns:repeat(3,1fr)}.portcard-grid,.setup-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.dashboard-grid-2{grid-template-columns:1fr}.hamburger{display:flex}.sidebar{box-shadow:var(--shadow-md);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#0b152680;display:block;position:fixed;inset:0}.content{padding:18px 16px 40px}.form-grid,.review-grid{grid-template-columns:1fr}}@media (width<=600px){.kpi-row,.kpi-row-5,.kpi-row-6{grid-template-columns:1fr 1fr}.portcard-grid,.setup-grid{grid-template-columns:1fr}.panel{width:100%}.panel-kpis{grid-template-columns:1fr}}