:root {
  --navy-950:#071426; --navy-900:#0b1d33; --navy-800:#122945; --blue-700:#1d4ed8; --blue-600:#2563eb; --blue-500:#3b82f6;
  --cyan-500:#06b6d4; --green-600:#059669; --amber-600:#d97706; --red-600:#dc2626; --slate-950:#0f172a; --slate-700:#334155;
  --slate-600:#475569; --slate-500:#64748b; --slate-400:#94a3b8; --slate-300:#cbd5e1; --slate-200:#e2e8f0; --slate-100:#f1f5f9;
  --slate-50:#f8fafc; --white:#fff; --sidebar:248px; --topbar:72px; --shadow:0 10px 30px rgba(15,23,42,.08); --radius:12px;
}
*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%}body{height:100%;margin:0;color:var(--slate-950);background:#edf2f7;font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-160%);background:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid rgba(59,130,246,.45);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100%}.sidebar{position:relative;z-index:30;display:flex;flex-direction:column;min-height:100%;color:#d7e1ed;background:linear-gradient(180deg,var(--navy-950),#0a1a2e 75%,#071321);box-shadow:8px 0 24px rgba(8,18,34,.08)}
.brand{height:var(--topbar);display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:32px;height:32px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:9px;box-shadow:0 0 24px rgba(6,182,212,.22)}.brand-mark i{position:absolute;width:5px;height:17px;background:#fff;border-radius:3px;transform:rotate(30deg)}.brand-mark i:first-child{transform:translateX(-7px) rotate(30deg);height:11px}.brand-mark i:last-child{transform:translateX(7px) rotate(30deg);height:23px}.brand b{display:block;color:#fff;font-size:16px;letter-spacing:.16em}.brand small{display:block;color:#7f94ad;font-size:10px;letter-spacing:.08em}
.nav-list{padding:18px 12px;overflow:auto}.nav-label{margin:18px 12px 8px;color:#617994;font-size:10px;font-weight:700;letter-spacing:.14em}.nav-item{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;color:#9fb1c5;background:transparent;border:0;border-radius:8px;padding:8px 11px;text-align:left;transition:.18s}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(37,99,235,.34),rgba(37,99,235,.12));box-shadow:inset 3px 0 #3b82f6}.nav-icon{width:22px;text-align:center;font-size:18px}.nav-item em{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:10px;color:#b7c8dc;background:rgba(255,255,255,.08);font-size:10px;font-style:normal;text-align:center}.nav-item em.danger{color:#fecaca;background:rgba(220,38,38,.24)}.live-dot{margin-left:auto;color:#67e8f9;font-size:9px;font-weight:800;letter-spacing:.08em}.sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.06)}.warehouse-health,.user-card{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;color:#dce6f1;background:rgba(255,255,255,.04);border-radius:9px;text-align:left}.warehouse-health>span:last-child{margin-left:auto}.pulse,.status-dot,.sync i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.warehouse-health b,.user-card b{display:block;font-size:12px}.warehouse-health small,.user-card small{display:block;color:#7890aa;font-size:10px}.user-card{margin-top:8px;background:transparent}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#dbeafe;background:#1e40af}.user-card button{margin-left:auto;color:#8ca2bb;background:transparent;border:0}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--slate-200)}.warehouse-switcher{display:flex;align-items:center;gap:10px}.warehouse-switcher span:nth-child(2){display:flex;flex-direction:column}.warehouse-switcher small{color:var(--slate-500);font-size:10px}.warehouse-switcher b{font-size:13px}.warehouse-switcher button{border:0;background:transparent;color:var(--slate-500)}.top-actions{display:flex;align-items:center;gap:8px}.shift{padding:7px 10px;border-radius:7px;background:var(--slate-100);color:var(--slate-600);font-size:12px}.shift i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#f59e0b}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--slate-200);border-radius:8px;color:var(--slate-600);background:#fff}.icon-button:hover{background:var(--slate-50)}.notification i{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:17px;height:17px;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--red-600);font-size:9px;font-style:normal}.sync{margin-left:6px;color:var(--slate-500);font-size:11px}.sync i{display:inline-block;margin-right:7px;width:6px;height:6px;box-shadow:none;background:#10b981}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}
main{height:calc(100vh - var(--topbar));overflow:auto;padding:26px 28px 40px}.page{max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:2px 0 4px;font-size:24px;line-height:1.2;letter-spacing:-.02em}.page-head p{margin:0;color:var(--slate-500);font-size:13px}.head-actions{display:flex;gap:8px;align-items:center}.eyebrow{color:var(--blue-600);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.btn{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:8px;font-weight:650}.btn.primary{color:#fff;background:var(--blue-600);box-shadow:0 5px 14px rgba(37,99,235,.2)}.btn.primary:hover{background:var(--blue-700)}.btn.secondary{color:var(--slate-700);background:#fff;border-color:var(--slate-200)}.btn.danger{color:#fff;background:var(--red-600)}.btn:disabled{cursor:not-allowed;opacity:.5}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.badge.normal,.badge.success{color:#047857;background:#d1fae5}.badge.warning{color:#b45309;background:#fef3c7}.badge.danger{color:#b91c1c;background:#fee2e2}.badge.info{color:#1d4ed8;background:#dbeafe}.badge.muted{color:#475569;background:#e2e8f0}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-card,.panel{background:#fff;border:1px solid rgba(203,213,225,.8);border-radius:var(--radius);box-shadow:0 1px 2px rgba(15,23,42,.02)}.kpi-card{position:relative;padding:17px 18px;overflow:hidden}.kpi-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--blue-500)}.kpi-card.success::before{background:#10b981}.kpi-card.warning::before{background:#f59e0b}.kpi-card.danger::before{background:#ef4444}.kpi-label{display:flex;align-items:center;justify-content:space-between;color:var(--slate-500);font-size:12px}.kpi-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:var(--blue-600);background:#eff6ff}.kpi-value{margin:9px 0 5px;font-size:26px;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.kpi-meta{display:flex;gap:7px;align-items:center;color:var(--slate-400);font-size:10px}.kpi-meta b{color:var(--green-600)}.kpi-card.warning .kpi-meta b{color:var(--amber-600)}.kpi-card.danger .kpi-meta b{color:var(--red-600)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.panel{min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--slate-100)}.panel-title h2{margin:0;font-size:14px}.panel-title p{margin:2px 0 0;color:var(--slate-500);font-size:10px}.panel-body{padding:18px}.chart-wrap{height:230px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid line{stroke:#e7edf4;stroke-dasharray:3 4}.chart-label{fill:#94a3b8;font-size:9px}.chart-line{fill:none;stroke:#2563eb;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#chartGradient)}.chart-target{fill:none;stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:5 4}.chart-dot{fill:#fff;stroke:#2563eb;stroke-width:2}.segmented{display:flex;padding:3px;border-radius:7px;background:var(--slate-100)}.segmented button{border:0;border-radius:5px;padding:4px 9px;color:var(--slate-500);background:transparent;font-size:10px}.segmented button.active{color:var(--slate-800);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08)}.workload-list{display:grid;gap:13px}.workload-row{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;font-size:11px}.progress{height:7px;border-radius:99px;background:var(--slate-100);overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#06b6d4)}.workload-row.warning .progress i{background:linear-gradient(90deg,#f59e0b,#f97316)}.workload-row b{text-align:right;font-variant-numeric:tabular-nums}.exception-list{display:grid}.exception-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--slate-100)}.exception-item:last-child{border:0}.exception-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#b91c1c;background:#fee2e2;font-weight:800}.exception-item h3{margin:0;font-size:11px}.exception-item p{margin:2px 0 0;color:var(--slate-500);font-size:10px}.exception-item time{color:var(--slate-400);font-size:9px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.health-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--slate-100)}.health-row:last-child{border:0}.health-row>i{width:7px;height:7px;border-radius:50%;background:#10b981}.health-row.warning>i{background:#f59e0b}.health-row span{flex:1}.health-row b{display:block;font-size:11px}.health-row small{color:var(--slate-500);font-size:9px}.health-row strong{font-size:11px;font-variant-numeric:tabular-nums}
.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:12px}.search{position:relative;min-width:260px;flex:1}.search input{width:100%;height:39px;padding:0 12px 0 36px;border:1px solid var(--slate-200);border-radius:8px;background:#fff}.search span{position:absolute;left:12px;top:9px;color:var(--slate-400)}.select{height:39px;padding:0 30px 0 11px;border:1px solid var(--slate-200);border-radius:8px;color:var(--slate-700);background:#fff}.table-panel{overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{height:40px;padding:0 14px;color:var(--slate-500);background:#f8fafc;border-bottom:1px solid var(--slate-200);font-size:10px;font-weight:700;text-align:left;letter-spacing:.02em}.data-table td{height:54px;padding:8px 14px;border-bottom:1px solid var(--slate-100);font-size:11px}.data-table tr:hover td{background:#fafcff}.data-table tr.selected td{background:#eff6ff}.data-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue-600)}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums}.link-button{border:0;padding:0;color:var(--blue-600);background:transparent;font-weight:700}.muted{color:var(--slate-500)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:var(--slate-500);font-size:10px}.pagination div{display:flex;gap:4px}.pagination button{min-width:28px;height:28px;border:1px solid var(--slate-200);border-radius:6px;color:var(--slate-600);background:#fff}.pagination button.active{color:#fff;border-color:var(--blue-600);background:var(--blue-600)}
.workflow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:16px;padding:12px 18px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius)}.workflow-step{position:relative;display:flex;align-items:center;gap:9px;color:var(--slate-500);font-size:10px}.workflow-step:not(:last-child)::after{content:"";position:absolute;right:10px;width:38%;height:1px;background:var(--slate-200)}.workflow-step i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--slate-100);font-style:normal}.workflow-step.done{color:var(--green-600)}.workflow-step.done i{color:#fff;background:var(--green-600)}.workflow-step.current{color:var(--blue-600);font-weight:700}.workflow-step.current i{color:#fff;background:var(--blue-600);box-shadow:0 0 0 4px #dbeafe}
.split-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px}.summary-card{padding:18px}.summary-card h2{margin:0 0 12px;font-size:14px}.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{padding:12px;border-radius:9px;background:var(--slate-50)}.stat-box small{display:block;color:var(--slate-500);font-size:9px}.stat-box b{font-size:18px}.rule-list{display:grid;gap:8px;margin:14px 0}.rule-item{display:flex;gap:9px;padding:9px;border-radius:8px;background:#f8fafc;font-size:10px}.rule-item i{color:var(--green-600);font-style:normal}.capacity-meter{margin:14px 0}.capacity-meter .progress{height:10px;margin-top:6px}.capacity-meter header{display:flex;justify-content:space-between;font-size:10px}.form-grid{display:grid;gap:13px}.field label{display:block;margin-bottom:5px;color:var(--slate-600);font-size:10px;font-weight:700}.field input,.field select{width:100%;height:39px;padding:0 10px;border:1px solid var(--slate-200);border-radius:7px;background:#fff}.field-error{margin:4px 0 0;color:var(--red-600);font-size:10px}.action-bar{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.timeline{position:relative;display:grid;gap:14px;margin-top:14px;padding-left:18px}.timeline::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:1px;background:var(--slate-200)}.timeline-item{position:relative}.timeline-item::before{content:"";position:absolute;left:-17px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--blue-500);box-shadow:0 0 0 3px #dbeafe}.timeline-item b{display:block;font-size:10px}.timeline-item small{color:var(--slate-500);font-size:9px}
.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.task-card{padding:14px;border:1px solid var(--slate-200);border-radius:10px;background:#fff}.task-card header{display:flex;justify-content:space-between}.task-card h3{margin:0;font-size:12px}.task-meta{display:flex;justify-content:space-between;margin:12px 0 7px;color:var(--slate-500);font-size:10px}.task-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--slate-500);font-size:10px}.package-card{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scan-box{display:grid;place-items:center;min-height:200px;border:1px dashed #93c5fd;border-radius:12px;background:#eff6ff;text-align:center}.scan-ring{display:grid;place-items:center;width:70px;height:70px;margin:auto;border:1px solid #93c5fd;border-radius:50%;color:var(--blue-600);font-size:28px;background:#fff;box-shadow:0 0 0 10px rgba(59,130,246,.08)}.scan-box h2{margin:16px 0 2px;font-size:15px}.scan-box p{margin:0;color:var(--slate-500);font-size:10px}.verify-list{display:grid;gap:8px}.verify-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;background:var(--slate-50)}.verify-row span{display:flex;align-items:center;gap:8px}.verify-row i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--green-600);font-style:normal;font-size:10px}.weight-control{display:flex;align-items:center;gap:8px}.weight-control input{width:90px;text-align:right}.weight-result{padding:10px;border-radius:8px;color:#047857;background:#ecfdf5;font-size:10px}.weight-result.error{color:#b91c1c;background:#fef2f2}.role-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.role-table{min-width:1180px;white-space:normal}.role-table td{vertical-align:top}.role-table .wrap-cell{min-width:180px;max-width:260px;line-height:1.6}.role-restriction{padding:11px;border-left:3px solid var(--amber-600);border-radius:0 7px 7px 0;color:#92400e;background:#fffbeb;font-size:10px}
.twin-page{height:calc(100vh - var(--topbar) - 52px);min-height:650px;display:flex;flex-direction:column}.twin-head{margin-bottom:12px}.twin-layout{min-height:0;display:grid;grid-template-columns:1fr 280px;gap:12px;flex:1}.twin-canvas{position:relative;min-height:520px;overflow:hidden;border:1px solid #243b58;border-radius:12px;background-color:#0b1728;background-image:linear-gradient(rgba(71,110,148,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(71,110,148,.11) 1px,transparent 1px);background-size:24px 24px;box-shadow:inset 0 0 80px rgba(0,0,0,.3)}.twin-toolbar{position:absolute;z-index:4;left:14px;top:14px;display:flex;gap:5px;padding:5px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:rgba(7,20,38,.88);backdrop-filter:blur(10px)}.twin-toolbar button{padding:6px 9px;border:0;border-radius:6px;color:#8fa6bd;background:transparent;font-size:10px}.twin-toolbar button.active{color:#e0f2fe;background:#1e40af}.twin-meta{position:absolute;z-index:4;right:14px;top:14px;display:flex;gap:12px;color:#9fb4c9;font-size:9px}.twin-meta span{display:flex;align-items:center;gap:5px}.warehouse-map{position:absolute;inset:68px 24px 30px}.zone{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:11px;border:1px solid rgba(56,189,248,.25);border-radius:7px;color:#d8e8f8;background:rgba(14,116,144,.13);box-shadow:inset 0 0 30px rgba(6,182,212,.05);transition:.2s;text-align:left}.zone:hover,.zone.selected{z-index:2;border-color:#67e8f9;background:rgba(8,145,178,.24);box-shadow:0 0 0 2px rgba(103,232,249,.12),inset 0 0 30px rgba(6,182,212,.12)}.zone.warning{border-color:rgba(245,158,11,.48);background:rgba(180,83,9,.16)}.zone.danger{border-color:rgba(248,113,113,.6);background:rgba(185,28,28,.18);animation:zone-alert 2s infinite}.zone h3{margin:0;font-size:10px}.zone-stats{display:flex;gap:10px}.zone-stats span{font-size:8px;color:#8ca6bd}.zone-stats b{display:block;color:#e6f2ff;font-size:13px}.map-aisle{position:absolute;background:rgba(148,163,184,.07);border:1px dashed rgba(148,163,184,.12)}.entity{position:absolute;z-index:3;display:grid;place-items:center;width:16px;height:16px;border:1px solid #7dd3fc;border-radius:50%;color:#082f49;background:#67e8f9;box-shadow:0 0 12px rgba(34,211,238,.65);font-size:7px}.entity.forklift{border-radius:4px;color:#451a03;border-color:#fde68a;background:#fbbf24}.entity.agv{border-radius:3px;color:#fff;border-color:#a78bfa;background:#7c3aed}.route{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,#22d3ee 50%,transparent 50%);background-size:10px 2px;animation:route-flow .7s linear infinite;opacity:.8}.map-alert{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(248,113,113,.5);border-radius:7px;color:#fee2e2;background:rgba(127,29,29,.88);font-size:9px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.map-alert i{width:6px;height:6px;border-radius:50%;background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.15)}.twin-side{display:flex;flex-direction:column;gap:12px}.dark-panel{color:#dce7f3;background:#0c1b2e;border:1px solid #213956;border-radius:11px}.dark-panel .panel-head{border-color:#1c334e}.dark-panel .panel-title p{color:#7590aa}.dark-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.dark-stat{padding:10px;border-radius:8px;background:#11253d}.dark-stat small{display:block;color:#7791aa;font-size:8px}.dark-stat b{font-size:18px;font-variant-numeric:tabular-nums}.dark-alerts{padding:0 12px 12px}.dark-alert{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #1a3049}.dark-alert:last-child{border:0}.dark-alert i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#f87171}.dark-alert.warning i{background:#fbbf24}.dark-alert span{flex:1}.dark-alert b{display:block;font-size:9px}.dark-alert small{color:#7590aa;font-size:8px}.dark-alert button{align-self:center;border:0;color:#7dd3fc;background:transparent;font-size:9px}.legend{display:grid;gap:8px;padding:12px;color:#8fa6bd;font-size:9px}.legend-row{display:flex;align-items:center;gap:8px}.legend-row i{width:14px;height:8px;border-radius:2px;background:rgba(6,182,212,.35);border:1px solid #22d3ee}.legend-row i.warning{background:rgba(245,158,11,.3);border-color:#f59e0b}.legend-row i.danger{background:rgba(239,68,68,.3);border-color:#ef4444}
.empty-state{display:grid;place-items:center;min-height:420px;padding:40px;text-align:center}.empty-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;color:var(--blue-600);background:#dbeafe;font-size:28px}.empty-state h2{margin:16px 0 4px}.empty-state p{max-width:500px;margin:0 0 18px;color:var(--slate-500)}
.scrim{position:fixed;z-index:39;inset:0;background:rgba(15,23,42,.28);backdrop-filter:blur(1px)}.drawer{position:fixed;z-index:40;right:0;top:0;width:min(440px,100%);height:100%;transform:translateX(105%);background:#fff;box-shadow:-18px 0 50px rgba(15,23,42,.18);transition:transform .22s ease}.drawer.open{transform:none}.drawer-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--slate-200)}.drawer-head h2{margin:2px 0 0;font-size:17px}.drawer-body{height:calc(100% - 78px);padding:20px;overflow:auto}.detail-section{margin-bottom:20px}.detail-section h3{margin:0 0 9px;font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-cell{padding:10px;border-radius:8px;background:var(--slate-50)}.detail-cell small{display:block;color:var(--slate-500);font-size:9px}.detail-cell b{font-size:11px}.dialog-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,20,38,.58);backdrop-filter:blur(4px)}.dialog{width:min(440px,100%);padding:26px;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25);text-align:center}.dialog-icon{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:14px;color:var(--blue-600);background:#dbeafe;font-size:24px}.dialog h2{margin:16px 0 7px;font-size:18px}.dialog p{margin:0;color:var(--slate-500);font-size:11px}.dialog-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.dialog-summary span{padding:10px;border-radius:8px;background:var(--slate-50);color:var(--slate-500);font-size:9px}.dialog-summary b{display:block;color:var(--slate-800);font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.toast-region{position:fixed;z-index:80;right:20px;bottom:20px;display:grid;gap:8px}.toast{display:flex;gap:10px;align-items:flex-start;width:min(360px,calc(100vw - 40px));padding:13px 14px;border:1px solid #bbf7d0;border-radius:10px;color:#14532d;background:#f0fdf4;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast.error{color:#7f1d1d;border-color:#fecaca;background:#fef2f2}.toast i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#16a34a;font-style:normal}.toast.error i{background:#dc2626}.toast b{display:block;font-size:11px}.toast p{margin:1px 0 0;font-size:9px}.global-results{display:grid;gap:7px;margin-top:14px}.search-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid var(--slate-200);border-radius:9px;color:var(--slate-700);background:#fff;text-align:left}.search-result:hover{border-color:#93c5fd;background:#f8fbff}.search-result b,.search-result small{display:block}.search-result b{font-size:11px}.search-result small{margin-top:2px;color:var(--slate-500);font-size:9px}.search-empty{padding:28px 12px;border:1px dashed var(--slate-300);border-radius:9px;color:var(--slate-500);background:var(--slate-50);text-align:center;font-size:11px}
.scope-bar{max-width:1600px;margin:0 auto 14px;min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--slate-200);border-radius:8px;color:var(--slate-600);background:#fff;font-size:11px}.scope-bar .link-button{margin-left:auto}.role-switch-list{display:grid;gap:7px}.role-switch-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--slate-200);border-radius:8px;color:var(--slate-700);background:#fff;text-align:left}.role-switch-item:hover,.role-switch-item.active{border-color:#93c5fd;background:#eff6ff}.role-switch-item b,.role-switch-item small{display:block}.role-switch-item small{margin-top:2px;color:var(--slate-500);font-size:9px}.role-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;background:var(--blue-600);font-weight:700}
@keyframes toast-in{from{transform:translateY(8px);opacity:0}}@keyframes route-flow{to{background-position:10px 0}}@keyframes zone-alert{50%{box-shadow:0 0 20px rgba(239,68,68,.16)}}
@media(max-width:1180px){:root{--sidebar:210px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-layout{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.twin-layout{grid-template-columns:1fr 230px}.task-grid{grid-template-columns:repeat(2,1fr)}.role-summary{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.workspace{height:100%}.topbar{height:60px;padding:0 14px}.mobile-menu{display:block}.warehouse-switcher .status-dot,.warehouse-switcher small,.top-actions .shift,.top-actions .icon-button,.sync{display:none}main{height:calc(100vh - 60px);padding:18px 14px 30px}.page-head{align-items:stretch;flex-direction:column}.head-actions{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{padding:13px}.kpi-value{font-size:21px}.dashboard-grid,.split-layout,.package-card{grid-template-columns:1fr}.mini-grid,.role-summary{grid-template-columns:1fr}.workflow-strip{overflow:auto;grid-template-columns:repeat(5,130px)}.toolbar .segmented{max-width:100%;overflow-x:auto}.task-grid{grid-template-columns:1fr}.search{min-width:100%}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block}.data-table tr{position:relative;padding:12px;border-bottom:1px solid var(--slate-200)}.data-table tr:has(td[data-label="选择"]){padding-right:42px}.data-table td{height:auto;padding:4px;border:0}.data-table td[data-label="选择"]{position:absolute;right:12px;top:16px}.data-table td::before{content:attr(data-label);display:inline-block;min-width:80px;color:var(--slate-500);font-size:9px}.role-table{min-width:0}.role-table .wrap-cell{max-width:none}.pagination{align-items:flex-start;gap:10px;flex-direction:column}.pagination>div{max-width:100%;overflow-x:auto;padding-bottom:2px}.twin-page{height:auto}.twin-layout{grid-template-columns:1fr}.twin-canvas{min-height:580px}.twin-side{display:grid;grid-template-columns:1fr 1fr}.warehouse-map{inset:78px 12px 22px}.twin-toolbar{max-width:calc(100% - 28px);overflow:auto}.zone{padding:6px}.zone h3{font-size:8px}.zone-stats{display:block}.zone-stats span{font-size:7px}.zone-stats b{font-size:10px}.dialog-summary{grid-template-columns:1fr}.toast-region{left:14px;right:14px;bottom:14px}.toast{width:100%}}
@media(max-width:430px){.kpi-grid{grid-template-columns:1fr}.twin-side{grid-template-columns:1fr}.page-head h1{font-size:21px}.top-actions{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}