:root{--ink:#18221d;--muted:#738078;--line:#e6ebe7;--soft:#f4f7f3;--green:#1f7a4d;--green2:#56ad69;--lime:#dff064;--amber:#f1a93b;--red:#e96358;--blue:#3d7dde;--white:#fff;--shadow:0 18px 45px rgba(29,64,45,.12);--radius:20px;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)} *{box-sizing:border-box}body{margin:0;background:#edf2ed;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.green{color:var(--green)}.red{color:var(--red)}.amber{color:#c47708}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap} .portal-page{min-height:100vh;background:radial-gradient(circle at 85% 12%,#eaf4a2 0,transparent 22%),linear-gradient(135deg,#f6f9f2,#e5eee5)}.portal{max-width:1180px;margin:auto;padding:52px 30px 30px}.portal-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--lime);border-radius:12px}.eyebrow{margin:95px 0 16px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.2em}.portal h1{font-size:clamp(48px,7vw,86px);line-height:1.04;letter-spacing:-.06em;margin:0;max-width:850px}.portal h1 span{color:var(--green)}.portal-intro{max-width:620px;color:#647169;line-height:1.8;font-size:17px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.portal-card{position:relative;min-height:260px;padding:30px;border-radius:28px;color:var(--ink);text-decoration:none;overflow:hidden;transition:.25s;box-shadow:0 12px 40px rgba(38,75,52,.08)}.portal-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.user-card{background:#f5ffb6}.driver-card{background:#ccebd9}.admin-card{background:#23362d;color:#fff}.portal-icon{font-size:36px}.portal-no{position:absolute;right:28px;top:30px;opacity:.45;font-weight:700}.portal-card h2{margin:60px 0 8px;font-size:24px}.portal-card p{opacity:.68}.portal-link{position:absolute;bottom:27px;font-weight:700}.portal-link b{margin-left:8px;font-size:20px}.portal-foot{display:flex;justify-content:space-between;margin-top:34px;color:#829087;font-size:12px} .prototype-top{height:50px;background:#17251e;color:#dce8df;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px}.prototype-top a{color:#dce8df;text-decoration:none}.prototype-links{display:flex;gap:8px}.prototype-links a{padding:6px 11px;border-radius:8px}.prototype-links a.active{background:#34473d;color:#eafa8b}.prototype-tag{opacity:.65} .mobile-stage{min-height:calc(100vh - 50px);display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 22% 14%,#eff9c1,transparent 25%),#e8eee8}.phone{position:relative;width:390px;height:min(844px,calc(100vh - 88px));min-height:650px;background:#f7f8f5;border:8px solid #18231d;border-radius:42px;box-shadow:0 28px 60px rgba(22,49,33,.25);overflow:hidden}.phone:before{content:"";position:absolute;z-index:30;top:7px;left:50%;transform:translateX(-50%);width:94px;height:24px;border-radius:18px;background:#18231d}.phone-screen{height:100%;overflow:auto;padding-bottom:76px;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.statusbar{height:38px;padding:14px 23px 0;display:flex;justify-content:space-between;font-size:11px;font-weight:700;position:relative;z-index:4}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.mobile-header h1{font-size:20px;margin:0}.avatar{width:38px;height:38px;border-radius:14px;background:#dce9dd;display:grid;place-items:center;font-weight:800;color:var(--green)}.icon-btn{border:0;background:white;border-radius:12px;width:38px;height:38px;box-shadow:0 4px 15px #dfe5df;font-size:18px}.bottom-nav{position:absolute;z-index:20;bottom:0;left:0;right:0;height:68px;background:rgba(255,255,255,.95);border-top:1px solid #e9ece9;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 9px 5px;backdrop-filter:blur(12px)}.bottom-nav.four{grid-template-columns:repeat(4,1fr)}.nav-item{border:0;background:none;color:#919b94;font-size:10px;display:grid;place-items:center;gap:1px}.nav-item .nav-ico{font-size:20px;line-height:22px}.nav-item.active{color:var(--green);font-weight:800}.mobile-page{padding:0 16px 20px}.hero-card{background:linear-gradient(135deg,#184e35,#287d50);color:white;border-radius:26px;padding:24px;position:relative;overflow:hidden;box-shadow:0 15px 35px rgba(31,122,77,.22)}.hero-card:after{content:"♻";position:absolute;right:-8px;bottom:-36px;font-size:145px;color:rgba(255,255,255,.07)}.hero-card h2{font-size:25px;line-height:1.25;margin:4px 0 9px}.hero-card p{margin:0;opacity:.72;font-size:12px}.scan-btn{margin-top:25px;border:0;background:var(--lime);color:#173524;border-radius:15px;padding:14px 22px;font-weight:900;display:inline-flex;align-items:center;gap:9px;box-shadow:0 7px 18px rgba(223,240,100,.2)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 12px}.section-title h3{font-size:16px;margin:0}.section-title button,.text-link{border:0;background:none;color:var(--green);font-size:12px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-card{background:#fff;border:1px solid #edf0ed;border-radius:17px;padding:16px 10px;text-align:center;box-shadow:0 5px 18px rgba(45,69,53,.05)}.quick-card b{display:block;font-size:18px;margin-top:5px}.quick-card span{color:var(--muted);font-size:10px}.quick-icon{font-size:23px}.record-card{background:#fff;border-radius:18px;padding:15px;margin-bottom:10px;display:flex;align-items:center;gap:12px;border:1px solid #edf0ed}.record-icon,.category-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#f0f4ec}.record-main{flex:1}.record-main b{font-size:14px}.record-main p{margin:5px 0 0;color:var(--muted);font-size:11px}.record-value{text-align:right}.record-value b{font-size:14px}.record-value span{display:block;font-size:10px;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;background:#e9f6ed;color:var(--green);font-size:10px;font-weight:800}.pill.warning{background:#fff1dc;color:#bd7207}.pill.danger{background:#fde9e7;color:#cf4439}.pill.gray{background:#eef1ef;color:#6d7670}.form-card{background:white;border-radius:20px;padding:17px;border:1px solid #edf0ed}.device-banner{display:flex;gap:12px;align-items:center}.device-banner .device-ico{width:48px;height:48px;border-radius:15px;background:#e7f4e9;color:var(--green);display:grid;place-items:center;font-size:24px}.device-banner h3{font-size:15px;margin:0 0 5px}.device-banner p{font-size:10px;margin:0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category{border:1.5px solid #e7ece7;background:white;border-radius:17px;padding:14px;text-align:left;position:relative}.category.selected{border-color:var(--green);background:#f2f9ef;box-shadow:inset 0 0 0 1px var(--green)}.category:disabled{opacity:.45;filter:grayscale(1)}.category strong{display:block;margin:8px 0 4px}.category small{color:var(--muted)}.category .capacity{position:absolute;right:10px;top:10px;font-size:9px;color:var(--muted)}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:15px;padding:14px 18px;font-weight:800;width:100%}.primary-btn{background:var(--green);color:white;box-shadow:0 8px 20px rgba(31,122,77,.18)}.primary-btn:disabled{background:#b8c3bc;box-shadow:none}.secondary-btn{background:#edf3ed;color:var(--green)}.danger-btn{background:#fde6e3;color:#c43b32}.button-row{display:flex;gap:10px}.button-row>*{flex:1}.stepper{display:flex;justify-content:space-between;position:relative;margin:18px 5px 25px}.stepper:before{content:"";position:absolute;top:11px;left:12%;right:12%;height:2px;background:#dfe5e0}.step{z-index:1;text-align:center;color:#9ca69f;font-size:9px}.step i{display:grid;place-items:center;width:24px;height:24px;margin:auto auto 5px;border-radius:50%;background:#e4e8e4;font-style:normal}.step.active{color:var(--green);font-weight:800}.step.active i{background:var(--green);color:#fff}.ai-panel{text-align:center;padding:25px 12px}.ai-orb{width:112px;height:112px;border-radius:50%;margin:8px auto 22px;background:conic-gradient(var(--green),var(--lime),#a2d9ad,var(--green));padding:7px;animation:spin 2.2s linear infinite}.ai-orb>div{width:100%;height:100%;border-radius:50%;background:white;display:grid;place-items:center;font-size:40px;animation:spin 2.2s linear infinite reverse}.ai-panel h2{font-size:20px;margin:0 0 8px}.ai-panel p{font-size:12px;line-height:1.6;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.success-mark{width:92px;height:92px;border-radius:50%;background:#e6f5e8;color:var(--green);display:grid;place-items:center;margin:25px auto 18px;font-size:42px}.result-number{text-align:center;font-size:38px;font-weight:900;color:var(--green);letter-spacing:-.04em}.result-number small{font-size:14px}.result-meta{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.result-meta div{text-align:center}.result-meta b{display:block;font-size:13px}.result-meta span{font-size:9px;color:var(--muted)}.balance-card{background:linear-gradient(135deg,#1a3327,#305a42);color:white;border-radius:24px;padding:22px}.balance-card p{margin:0;font-size:11px;opacity:.65}.balance-card h2{font-size:34px;margin:10px 0 20px}.balance-card .balance-foot{display:flex;justify-content:space-between;font-size:10px;opacity:.75}.segmented{display:flex;background:#e9eeea;border-radius:13px;padding:4px;margin:4px 0 15px}.segmented button{border:0;background:transparent;border-radius:10px;padding:9px;flex:1;font-size:12px;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);font-weight:800;box-shadow:0 3px 10px rgba(30,50,38,.08)} .driver-theme{--green:#276b8d;--lime:#d8f27b}.driver-theme .mobile-stage{background:radial-gradient(circle at 75% 20%,#d9eff2,transparent 28%),#e8eeee}.driver-theme .hero-card{background:linear-gradient(135deg,#203b48,#276b8d)}.driver-summary{display:flex;justify-content:space-between;align-items:flex-end}.driver-summary h2{font-size:25px;margin:4px 0}.load-bar{height:7px;background:rgba(255,255,255,.15);border-radius:10px;margin-top:14px;overflow:hidden}.load-bar i{display:block;background:var(--lime);height:100%;border-radius:10px}.filter-row{display:flex;gap:8px;overflow:auto;margin:14px 0}.filter-chip{white-space:nowrap;border:1px solid #dde5e0;background:#fff;border-radius:20px;padding:7px 12px;font-size:11px;color:var(--muted)}.filter-chip.active{background:#243f4c;color:white;border-color:#243f4c}.task-card{background:white;border-radius:20px;padding:16px;margin-bottom:12px;border:1px solid #e8eeea}.task-head{display:flex;justify-content:space-between;align-items:center}.task-head small{color:var(--muted)}.task-card h3{font-size:16px;margin:13px 0 4px}.task-card>p{font-size:11px;color:var(--muted);margin:0}.task-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.task-stats b{display:block;font-size:13px}.task-stats span{font-size:9px;color:var(--muted)}.route-list{position:relative;margin:18px 0}.route-item{display:flex;gap:13px;padding-bottom:20px;position:relative}.route-item:before{content:"";position:absolute;left:11px;top:24px;width:2px;height:calc(100% - 18px);background:#dae2dc}.route-item:last-child:before{display:none}.route-dot{z-index:1;width:24px;height:24px;border-radius:50%;background:#dfe7e1;color:#76827a;display:grid;place-items:center;font-size:10px;font-weight:800}.route-item.done .route-dot,.route-item.current .route-dot{background:var(--green);color:white}.route-copy{flex:1}.route-copy b{font-size:13px}.route-copy p{font-size:10px;margin:5px 0;color:var(--muted)}.route-copy span{font-size:10px}.upload-box{border:1.5px dashed #cdd7cf;border-radius:15px;padding:18px;text-align:center;color:var(--muted);font-size:11px;background:#fafcf9}.upload-box.done{border-style:solid;background:#eef7ef;color:var(--green)}.field{margin:13px 0}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #dae2dc;border-radius:12px;padding:12px;background:#fafcf9;outline:none}.field input:focus,.field textarea:focus{border-color:var(--green)} .call-link{width:100%;color:inherit;text-decoration:none;text-align:left;cursor:pointer}.call-link:visited{color:inherit}.call-link:hover{border-color:#d9e3df;background:#fbfdfc} .record-card-link{width:100%;text-align:left;color:inherit;cursor:pointer}.record-card-link:hover{border-color:#d9e3df;background:#fbfdfc}.record-chevron{color:#9aa59e;font-size:18px} .nearby-list{display:grid;gap:10px}.nearby-device{padding:13px}.nearby-device-error{border-color:#f4cbc6;background:#fffafa}.nearby-device-error .device-ico{background:#fde9e7;color:#cf4439}.nearby-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.nearby-device .device-banner{flex:1}.nearby-foot{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:10px;color:var(--muted)}.nearby-foot .mini-bar{flex:1;width:auto;margin:0}.nearby-foot button{border:0;background:#edf3ed;color:var(--green);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:800}.nearby-device-error .nearby-foot button{background:#fde9e7;color:#cf4439} .call-dialog{position:fixed;z-index:260;inset:0;background:rgba(15,28,34,.22);animation:callfade .18s ease}.call-dialog-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;background:white;border-radius:20px;padding:24px 18px;text-align:center;box-shadow:0 24px 60px rgba(15,38,47,.28);border:1px solid #edf1ef}.call-dialog-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:#e8f2f5;color:#276b8d;font-size:28px}.call-dialog-card b{display:block;font-size:15px}.call-dialog-card p{margin:7px 0 0;color:#66746c;font-size:12px;font-weight:800}@keyframes callfade{from{opacity:0}to{opacity:1}} .phone>.call-dialog{position:absolute}.phone>.call-dialog .call-dialog-card{position:absolute} .admin-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#f3f5f3}.sidebar{background:#17251e;color:#c9d4cc;padding:22px 14px;position:fixed;width:220px;inset:0 auto 0 0}.side-brand{display:flex;align-items:center;gap:10px;color:white;font-weight:800;padding:0 10px 25px}.side-brand .brand-mark{background:#dff064;color:#1d3a28}.side-label{font-size:9px;letter-spacing:.12em;color:#6f8276;padding:10px 12px}.side-nav button{width:100%;border:0;background:none;color:#aebcb3;text-align:left;border-radius:11px;padding:11px 13px;margin:2px 0;font-size:12px;display:flex;align-items:center;gap:11px}.side-nav button:hover{background:#20342a}.side-nav button.active{background:#2b4436;color:#efff8a;font-weight:800}.side-nav .ico{width:17px;text-align:center;font-size:15px}.side-bottom{position:absolute;bottom:18px;left:14px;right:14px;background:#20342a;border-radius:13px;padding:12px;display:flex;gap:9px;align-items:center}.side-bottom .avatar{width:34px;height:34px;border-radius:11px}.side-bottom b{font-size:11px;color:#fff;display:block}.side-bottom small{font-size:9px;color:#82958a}.admin-main{grid-column:2;padding:0 30px 40px}.admin-top{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7e3}.admin-top h1{font-size:19px;margin:0}.admin-top-right{display:flex;align-items:center;gap:12px}.search{background:white;border:1px solid #e1e6e2;border-radius:11px;padding:9px 13px;font-size:11px;width:230px}.content-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 18px}.content-head h2{font-size:25px;margin:0 0 5px}.content-head p{font-size:11px;color:var(--muted);margin:0}.date-chip{border:1px solid #dde4de;background:white;border-radius:11px;padding:9px 13px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{background:white;border:1px solid #e8ece8;border-radius:17px;padding:17px;position:relative;overflow:hidden}.metric-card .metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.metric-card h3{font-size:26px;margin:10px 0 5px;letter-spacing:-.03em}.metric-card p{margin:0;font-size:10px;color:var(--muted)}.metric-card .trend{color:var(--green);font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:14px}.panel{background:white;border:1px solid #e7ebe7;border-radius:18px;padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head h3{font-size:14px;margin:0}.panel-head span,.panel-head button{font-size:10px;color:var(--muted);border:0;background:none}.chart-wrap{height:205px;position:relative;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 25px;border-bottom:1px solid var(--line)}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;gap:3px;position:relative}.bar{flex:1;border-radius:5px 5px 1px 1px;background:#2b7b50;min-height:3px}.bar.alt{background:#cfe581}.bar-label{position:absolute;left:0;right:0;bottom:-19px;text-align:center;font-size:8px;color:var(--muted)}.donut-row{display:flex;gap:22px;align-items:center}.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(#26764c 0 42%,#81b66f 42% 69%,#d7e86c 69% 86%,#f0bd57 86%);position:relative}.donut:after{content:"6.84 t";position:absolute;inset:25px;border-radius:50%;background:white;display:grid;place-items:center;font-size:16px;font-weight:900}.legend{display:grid;gap:10px;flex:1}.legend div{display:flex;justify-content:space-between;font-size:10px}.legend i{display:inline-block;width:7px;height:7px;border-radius:3px;margin-right:6px}.live-list{display:grid;gap:10px}.live-row{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.live-dot.warn{background:var(--amber)}.live-row div{flex:1}.live-row b{font-size:11px;display:block}.live-row span{font-size:9px;color:var(--muted)}.live-row time{font-size:9px;color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.toolbar select,.toolbar input{border:1px solid #dde4de;background:white;border-radius:10px;padding:9px 11px;font-size:10px}.toolbar .spacer{flex:1}.small-btn{border:0;border-radius:10px;padding:9px 13px;font-size:10px;font-weight:800;background:#eaf2eb;color:var(--green)}.small-btn.primary{background:var(--green);color:white}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:white;border:1px solid #e5eae6;border-radius:16px;overflow:hidden}.data-table th{text-align:left;font-size:9px;color:#849087;background:#f8faf8;padding:11px 13px;border-bottom:1px solid var(--line)}.data-table td{padding:13px;font-size:10px;border-bottom:1px solid #edf0ed}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fbfdf9}.data-table b{font-size:11px}.table-name{display:flex;align-items:center;gap:9px}.table-icon{width:32px;height:32px;border-radius:10px;background:#eef5eb;display:grid;place-items:center;font-size:15px}.capacity-cell{min-width:100px}.mini-bar{width:78px;height:5px;background:#e8ece9;border-radius:5px;display:inline-block;overflow:hidden;margin-right:5px}.mini-bar i{display:block;height:100%;background:var(--green)}.mini-bar i.warn{background:var(--amber)}.mini-bar i.danger{background:var(--red)}.dispatch-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.map-panel{min-height:520px;background:#e8eee8;position:relative;overflow:hidden;padding:0}.map-bg{position:absolute;inset:0;background:linear-gradient(25deg,transparent 47%,rgba(255,255,255,.8) 48%,rgba(255,255,255,.8) 51%,transparent 52%),linear-gradient(112deg,transparent 42%,rgba(255,255,255,.6) 43%,rgba(255,255,255,.6) 46%,transparent 47%);background-size:145px 130px,180px 170px}.map-road{position:absolute;background:#fff;border:1px solid #dce3dd}.pin{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;border-radius:50% 50% 50% 4px;rotate:-45deg;background:var(--green);box-shadow:0 5px 12px rgba(22,57,38,.25)}.pin span{display:grid;place-items:center;height:100%;rotate:45deg;color:white;font-size:9px;font-weight:800}.pin.warn{background:var(--amber)}.pin.driver{background:#294e6e}.map-legend{position:absolute;left:14px;bottom:14px;background:white;padding:10px 12px;border-radius:10px;font-size:9px;box-shadow:0 5px 15px #cbd6cd}.order-list{display:grid;gap:9px;max-height:455px;overflow:auto}.order-item{border:1px solid #e4e9e5;border-radius:13px;padding:12px;cursor:pointer}.order-item.selected{border-color:var(--green);background:#f2f8f1}.order-item-head{display:flex;justify-content:space-between}.order-item h4{font-size:11px;margin:8px 0 5px}.order-item p{font-size:9px;color:var(--muted);margin:0}.order-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:9px}.tabs{display:flex;gap:22px;border-bottom:1px solid #e1e6e2;margin-bottom:14px}.tabs button{border:0;background:none;padding:10px 2px;color:var(--muted);font-size:11px}.tabs button.active{color:var(--green);font-weight:800;border-bottom:2px solid var(--green)}.warehouse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.zone-card{border:1px solid #e5eae5;border-radius:15px;padding:15px}.zone-head{display:flex;justify-content:space-between}.zone-card h4{margin:0;font-size:12px}.zone-visual{height:96px;background:#f2f5f1;border-radius:12px;margin:13px 0;display:flex;align-items:flex-end;padding:8px;gap:4px}.boxbit{flex:1;background:#b7cfae;border-radius:3px 3px 1px 1px}.zone-card.warning .boxbit{background:#e2b35f}.zone-foot{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.alert-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.alert-card{background:white;border-radius:14px;padding:15px;border:1px solid #e6ebe7}.alert-card b{font-size:22px}.alert-card span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(13,30,20,.45);display:grid;place-items:center;backdrop-filter:blur(3px)}.modal{width:min(520px,90vw);background:white;border-radius:22px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.modal h3{margin:0 0 6px}.modal>p{font-size:11px;color:var(--muted);margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translateX(-50%);background:#183326;color:white;border-radius:12px;padding:12px 18px;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:toastin .25s ease}@keyframes toastin{from{opacity:0;transform:translate(-50%,10px)}} @media(max-width:900px){.portal-grid{grid-template-columns:1fr}.portal-card{min-height:220px}.portal-card h2{margin-top:40px}.portal-foot{gap:15px;flex-direction:column}.admin-shell{grid-template-columns:70px 1fr}.sidebar{width:70px}.side-brand span:last-child,.side-label,.side-nav button span:last-child,.side-bottom>div:last-child{display:none}.side-nav button{justify-content:center}.side-bottom{padding:9px}.admin-main{grid-column:2;padding:0 15px 30px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dispatch-layout{grid-template-columns:1fr}.search{display:none}} @media(max-width:480px){.prototype-top{display:none}.mobile-stage{padding:0;display:block;min-height:100vh}.phone{width:100%;height:100vh;min-height:620px;border:0;border-radius:0}.phone:before{display:none}.portal{padding:30px 18px}.eyebrow{margin-top:60px}.portal h1{font-size:46px}.portal-grid{margin-top:30px}} .warehouse-card{background:white;border:1px solid #e1e6e2;border-radius:8px;padding:20px}.warehouse-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #e3e7e4}.warehouse-title h3{font-size:16px;margin:0}.warehouse-sub{font-size:12px;color:#66746c;padding:14px 0 10px}.warehouse-table{width:100%;border-collapse:collapse}.warehouse-table th{text-align:left;background:#fafbfa;color:#18231d;font-size:12px;padding:12px 14px;border-bottom:2px solid #e5e7e5}.warehouse-table td{font-size:12px;color:#69756e;padding:16px 14px;border-bottom:1px solid #e5e9e6;vertical-align:middle}.wh-kind{display:inline-flex;align-items:center;gap:8px;color:#58645e}.wh-kind i{font-style:normal;width:18px;text-align:center}.wh-meter{width:120px;height:6px;background:#eceeed;border-radius:999px;overflow:hidden;margin-bottom:8px}.wh-meter i{display:block;height:100%;border-radius:999px;background:#2b8842}.wh-meter i.danger{background:#ef3b38}.wh-meter i.warning{background:#f5a623}.wh-meter i.ok{background:#2b8842}.wh-percent{font-size:12px;color:#737f78}.wh-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800}.wh-status.danger{background:#ffe9ec;color:#ef3b45}.wh-status.warning{background:#fff3dd;color:#f39a12}.wh-status.ok{background:#eaf8ee;color:#22833d} .warehouse-switch-modal{width:min(680px,92vw);max-height:88vh;overflow:auto}.switch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.switch-impact{margin-top:12px;background:#f8fbf7}.switch-impact b{font-size:12px}.switch-impact p{font-size:11px;line-height:1.65;color:var(--muted);margin:7px 0 0} .alert-handle-modal{width:min(660px,92vw);max-height:88vh;overflow:auto}.alert-detail-card{background:#fffaf6;border-color:#f0dfc8}.alert-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.alert-detail-head b{font-size:13px}.alert-detail-head .muted{margin-left:auto;font-size:10px}.alert-detail-card small{display:block;font-size:10px;margin-bottom:6px}.alert-detail-card strong{font-size:12px;line-height:1.45} .category-config-modal{width:min(680px,92vw);max-height:88vh;overflow:auto}.category-head-card{background:#f8fbf7}.category-modal-title{display:flex;align-items:center;gap:12px}.category-modal-title div{flex:1}.category-modal-title b{font-size:14px}.category-modal-title p{font-size:10px;margin:4px 0 0} .rule-config-modal{width:min(680px,92vw);max-height:88vh;overflow:auto} .ai-policy-modal{width:min(680px,92vw);max-height:88vh;overflow:auto}