@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#eaf0ff;font-synthesis:none;--bg:#070b14;--panel:#101725;--panel-2:#141d2e;--line:#253047;--muted:#8996ad;--text:#eaf0ff;--blue:#5a7dff;--green:#2bd7a3;--orange:#ffb34d;--red:#ff6475;background:#070b14;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -20%,#172443 0,transparent 38%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:10;background:#0b111d;border-right:1px solid #1b2435;flex-direction:column;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 7px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#5479ff,#3657d0);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 26px #2e4edb45}.brand strong{letter-spacing:.08em;font-size:.88rem;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:.76rem;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#8793a9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 13px;font-size:.88rem;display:flex}.sidebar nav button svg{width:18px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#18223a}.sidebar nav button.active{box-shadow:inset 2px 0 #5a7dff}.sync-box{border:1px solid var(--line);background:#101826;border-radius:10px;margin-top:auto;padding:14px}.sync-box span{color:#aeb9cc;align-items:center;gap:7px;font-size:.76rem;display:flex}.sync-box i{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%}.sync-box strong{margin:8px 0 2px;font-size:.87rem;display:block}.sync-box small{color:#657188;font-size:.68rem}.profile{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #1f293c;align-items:center;gap:10px;margin:16px -2px 0;padding:16px 4px 0;display:flex}.profile>svg:first-child{color:#71809a}.profile span{flex:1}.profile strong,.profile small{display:block}.profile strong{font-size:.82rem}.profile small{color:var(--muted);margin-top:2px;font-size:.7rem}.profile>svg:last-child{color:#657188}.workspace{width:100%;min-width:0;max-width:1700px;margin:0 auto;padding:28px 34px 40px}.topbar{align-items:center;gap:20px;margin-bottom:25px;display:flex}.eyebrow{color:#7185bb;letter-spacing:.14em;margin:0 0 3px;font-size:.68rem;font-weight:700}.topbar h1{margin:0;font-size:1.65rem;line-height:1.25}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.date-chip{color:var(--muted);margin-right:8px;font-size:.8rem}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 14px;font-size:.8rem;font-weight:600;display:inline-flex}.button.primary{background:var(--blue);box-shadow:0 8px 20px #3759d836}.button.secondary{border-color:var(--line);color:#c0c9da;background:#111928}.button:disabled{opacity:.55;cursor:wait}.full{width:100%}.mobile-menu{background:0 0;border:0;display:none}.demo-banner{color:#a9c1ff;background:#132248;border:1px solid #33539d;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.78rem}.metrics{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#121a2a,#0f1623);border-radius:11px;min-height:130px;padding:17px;transition:all .2s;position:relative}.metric-card:hover{border-color:#3a4b6d;transform:translateY(-2px)}.metric-card .metric-icon{color:#7290ff;background:#1a2540;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.metric-icon svg{width:17px}.metric-label{color:#9ca8bc;font-size:.78rem;display:block}.metric-card strong{letter-spacing:-.04em;margin:16px 0 1px;font-size:1.95rem;display:block}.metric-note{color:#69768e;font-size:.7rem}.metric-card.warning{background:linear-gradient(145deg,#221b18,#16171e);border-color:#583f25}.metric-card.warning .metric-icon{color:var(--orange);background:#3d2b1b}.metric-card.warning>strong{color:#ffbf66}.table-card{border:1px solid var(--line);background:#0d1421;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #0004}.table-head{border-bottom:1px solid var(--line);align-items:center;gap:20px;min-height:72px;padding:15px 18px;display:flex}.table-head>div:first-child{align-items:baseline;gap:9px;display:flex}.table-head h2{margin:0;font-size:.98rem}.table-head>div>span{color:#748098;font-size:.7rem}.filters{gap:8px;margin-left:auto;display:flex}.search,.select-wrap{border:1px solid var(--line);color:#738099;background:#111a29;border-radius:7px;align-items:center;height:35px;display:flex}.search{gap:7px;width:220px;padding:0 10px}.search input{color:#d9e1ef;background:0 0;border:0;outline:0;width:100%;font-size:.75rem}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#aab5c8;background:0 0;border:0;outline:0;height:100%;padding:0 31px 0 10px;font-size:.75rem}.select-wrap svg{pointer-events:none;position:absolute;right:8px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:940px}th{color:#68758c;letter-spacing:.07em;text-transform:uppercase;text-align:left;background:#0e1624;padding:11px 16px;font-size:.66rem;font-weight:600}td{vertical-align:middle;border-top:1px solid #1b2536;padding:15px 16px;font-size:.78rem}tbody tr{transition:all .15s;position:relative}tbody tr:hover{background:#121c2d}tbody tr.warning{box-shadow:inset 3px 0 var(--orange)}tbody tr.critical{box-shadow:inset 3px 0 var(--red)}.tracking-cell strong,.tracking-cell span,.progress-cell strong,.progress-cell span{display:block}.tracking-cell strong{color:#dfe7f8;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.tracking-cell span{color:#77849b;margin-top:5px;font-size:.69rem}.tracking-cell a{color:#647797;margin-left:6px}.owner{color:#aeb9cc;background:#182234;border:1px solid #27334a;border-radius:999px;padding:4px 8px;font-size:.68rem}.status{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:.67rem;font-weight:600;display:inline-flex}.status-待上网{color:#9ca5b4;background:#252b36}.status-运输中{color:#7ba1ff;background:#172949}.status-派送中{color:#4be0b3;background:#18372f}.status-已送达{color:#4bd7a3;background:#133329}.status-异常{color:#ff8794;background:#402029}.days{align-items:baseline;gap:3px;display:flex}.days strong{font-size:1.05rem}.days span{color:#768298;font-size:.65rem}.warning .days,.warning .days svg{color:var(--orange)}.critical .days,.critical .days svg{color:var(--red)}.progress-cell{max-width:300px}.progress-cell strong{color:#c7d0df;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.progress-cell span{color:#6f7c92;margin-top:4px;font-size:.69rem}td time{color:#8290a6;white-space:nowrap;font-size:.7rem}.row-actions{gap:4px;display:flex}.row-actions button,.icon-button{color:#8491a7;cursor:pointer;background:#141e2e;border:1px solid #273248;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.row-actions button:hover{color:#fff;border-color:#435475}.table-footer{border-top:1px solid var(--line);color:#68758a;justify-content:space-between;align-items:center;height:42px;padding:0 18px;font-size:.67rem;display:flex}.empty-state{text-align:center;color:#66748b;justify-items:center;gap:7px;padding:60px 20px;display:grid}.empty-state svg{margin-bottom:8px}.empty-state strong{color:#aeb9ca}.login-shell{background:linear-gradient(#070b14aa,#070b14dd),radial-gradient(circle at 20% 15%,#233b75,#0000 38%),repeating-linear-gradient(90deg,#0000 0 80px,#24314822 81px);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1421e8;border:1px solid #2a3650;border-radius:15px;width:min(420px,100%);padding:38px;box-shadow:0 30px 90px #0009}.login-panel .brand-mark{margin-bottom:25px}.login-panel h1{margin:0;font-size:1.75rem}.login-copy{color:#8996ab;margin:10px 0 28px;font-size:.86rem}.login-panel form,.record-form{gap:15px;display:grid}.login-panel label,.record-form label{color:#a4afc1;gap:7px;font-size:.75rem;display:grid}.login-panel input,.record-form input,.record-form textarea{color:#e7edf8;background:#111a2a;border:1px solid #2b3750;border-radius:8px;outline:0;width:100%;padding:11px 12px}.login-panel input:focus,.record-form input:focus,.record-form textarea:focus{border-color:#587cff;box-shadow:0 0 0 3px #587cff19}.form-error{color:#ff8591;margin:0;font-size:.75rem}.secure-note{color:#707e95;border-top:1px solid #222d41;align-items:center;gap:7px;margin-top:22px;padding-top:17px;font-size:.7rem;display:flex}.loading-page{color:#9ba8bc;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:#02050bbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#101827;border:1px solid #2b3850;border-radius:13px;width:min(570px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #000b}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal h2{margin:0;font-size:1.05rem}.tabs{border-bottom:1px solid var(--line);padding:0 20px;display:flex}.tabs button{color:#7e8aa0;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 15px;font-size:.78rem}.tabs button.active{color:#fff;border-color:var(--blue)}.record-form{padding:20px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.record-form textarea{resize:vertical}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.upload-zone{text-align:center;color:#78869c;border:1px dashed #3a4862;border-radius:10px;justify-items:center;gap:10px;margin:22px;padding:38px 20px;display:grid}.upload-zone strong{color:#ced7e6}.upload-zone p{margin:0 0 8px;font-size:.75rem}.toast{z-index:50;color:#111827;background:#eaf0ff;border-radius:8px;padding:12px 16px;font-size:.78rem;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 40px #0008}@media (width<=1100px){.metrics{grid-template-columns:repeat(3,1fr)}.date-chip{display:none}.workspace{padding:24px}.table-head{flex-direction:column;align-items:flex-start}.filters{width:100%;margin-left:0}.search{flex:1}}@media (width<=760px){.app-shell{display:block}.sidebar{width:224px;transition:all .25s;position:fixed;left:-240px;box-shadow:20px 0 60px #0009}.sidebar.open{left:0}.workspace{padding:18px 14px 30px}.mobile-menu{place-items:center;display:grid}.topbar h1{font-size:1.25rem}.top-actions .secondary{display:none}.top-actions{margin-left:auto}.metrics{scroll-snap-type:x mandatory;margin-right:-14px;padding-right:14px;display:flex;overflow-x:auto}.metric-card{scroll-snap-align:start;min-width:154px}.filters{flex-wrap:wrap}.search{flex-basis:100%;width:100%}.table-head{padding:14px}.table-footer{display:none}.form-grid{grid-template-columns:1fr}.login-panel{padding:28px 22px}}@media (width<=460px){.topbar{gap:10px}.topbar .eyebrow{display:none}.top-actions .button{width:39px;padding:0;font-size:0}.metrics{gap:9px}.metric-card{min-width:145px}.modal-backdrop{padding:8px}.modal{border-radius:10px}}.admin-content{gap:16px;padding:20px;display:grid}.inline-form{grid-template-columns:1fr 1.3fr 110px auto;gap:8px;display:grid}.inline-form input,.inline-form select,.carrier-form input{color:#dfe7f4;background:#111a2a;border:1px solid #2b3750;border-radius:7px;outline:0;min-width:0;height:39px;padding:0 10px}.admin-list{border:1px solid var(--line);border-radius:9px;display:grid;overflow:hidden}.admin-list>div{border-top:1px solid #222d40;grid-template-columns:auto minmax(100px,.7fr) minmax(150px,1fr) auto;align-items:center;gap:10px;min-height:55px;padding:10px 12px;display:grid}.admin-list>div:first-child{border-top:0}.admin-list strong{font-size:.78rem}.admin-list small{color:#758299;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.account-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #2bd7a366}.account-dot.disabled{box-shadow:none;background:#657084}.logs>div{grid-template-columns:auto 1fr auto}.logs p{color:#7e8ba0;grid-column:2/-1;margin:0;font-size:.7rem}.run-state{color:#acb8ca;background:#263145;border-radius:999px;padding:4px 7px;font-size:.65rem}.state-成功{color:#54dbb1;background:#14372c}.state-失败{color:#ff8794;background:#402029}.state-执行中{color:#81a6ff;background:#172949}.carrier-form{border-bottom:1px solid var(--line);gap:9px;padding-bottom:15px;display:grid}.carrier-form .thirds{grid-template-columns:repeat(3,1fr)}.carrier-form .button{justify-self:end}.empty-mini{color:#78869c;text-align:center;padding:25px!important;display:block!important}@media (width<=760px){.inline-form{grid-template-columns:1fr 1fr}.admin-list>div{grid-template-columns:auto 1fr auto}.admin-list small{grid-column:2/3}.carrier-form .thirds{grid-template-columns:1fr}.logs>div{grid-template-columns:auto 1fr}.logs small,.logs p{grid-column:2}.admin-content{padding:14px}}