:root{--bg: #18213e;--bg-2: #1e2a4e;--surface: rgba(255, 255, 255, .06);--surface-solid: #222d52;--surface-hi: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .13);--border-hi: rgba(255, 255, 255, .24);--text: #dde5ff;--text-dim: #8095cc;--text-mute: #4f6190;--accent: #6b9dff;--accent-2: #22d3ee;--accent-grad: linear-gradient(135deg, #6b9dff 0%, #22d3ee 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0, 0, 0, .55);--tile-filter: brightness(.72) invert(1) contrast(.9) hue-rotate(180deg) saturate(.65) brightness(.88);--body-bg: radial-gradient(1200px 600px at 80% -10%, rgba(107, 157, 255, .18), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(34, 211, 238, .12), transparent 55%), var(--bg);--radius: 18px;--radius-sm: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{--bg: #0b0f1a;--bg-2: #111726;--surface: rgba(255, 255, 255, .04);--surface-solid: #151b2b;--surface-hi: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-hi: rgba(255, 255, 255, .16);--text: #eef2fb;--text-dim: #9aa6bf;--text-mute: #67718c;--accent: #5b8cff;--accent-2: #22d3ee;--accent-grad: linear-gradient(135deg, #5b8cff 0%, #22d3ee 100%);--success: #34d399;--danger: #f87171;--high: #fb7185;--shadow: 0 10px 40px rgba(0, 0, 0, .6);--tile-filter: brightness(.75) invert(1) contrast(.9) hue-rotate(180deg) saturate(.7) brightness(.9);--body-bg: radial-gradient(1200px 600px at 80% -10%, rgba(91, 140, 255, .1), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(34, 211, 238, .08), transparent 55%), var(--bg)}:root[data-theme=night]{--bg: #0d1825;--bg-2: #152035;--surface: rgba(255, 255, 255, .07);--surface-solid: #1a2840;--surface-hi: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .1);--border-hi: rgba(255, 255, 255, .2);--text: #deeeff;--text-dim: #8aaed4;--text-mute: #4a6a8a;--accent: #7ab4ff;--accent-2: #38c9f0;--accent-grad: linear-gradient(135deg, #7ab4ff 0%, #38c9f0 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0, 0, 0, .7);--tile-filter: brightness(.72) invert(1) contrast(.9) hue-rotate(180deg) saturate(.65) brightness(.88);--body-bg: url(/back.png) center center / cover no-repeat fixed}:root[data-theme=night] body{background:var(--body-bg)}:root[data-theme=night] .app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#050c1c8c;pointer-events:none;z-index:0}:root[data-theme=night] .app>*{position:relative;z-index:1}:root[data-theme=night] .topbar,:root[data-theme=night] .content,:root[data-theme=night] .bottom-nav{background:transparent}:root[data-theme=night] .topbar{background:#050c1c66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=night] .bottom-nav{background:#050c1c80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=light]{--bg: #eef2ff;--bg-2: #e2e8f8;--surface: rgba(255, 255, 255, .75);--surface-solid: #ffffff;--surface-hi: rgba(68, 102, 238, .09);--border: rgba(20, 40, 120, .1);--border-hi: rgba(20, 40, 120, .2);--text: #0e1430;--text-dim: #3d5080;--text-mute: #7888aa;--accent: #4466ee;--accent-2: #0ea5e9;--accent-grad: linear-gradient(135deg, #4466ee 0%, #0ea5e9 100%);--success: #16a34a;--warning: #b45309;--danger: #dc2626;--high: #e11d48;--shadow: 0 8px 30px rgba(20, 40, 100, .12);--tile-filter: none;--body-bg: radial-gradient(1000px 400px at 70% -5%, rgba(68, 102, 238, .09), transparent 55%), var(--bg)}:root[data-theme=strict]{--bg: #111111;--bg-2: #1a1a1a;--surface: rgba(255,255,255,.04);--surface-solid: #202020;--surface-hi: rgba(255,170,50,.07);--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.14);--text: #cccccc;--text-dim: #888888;--text-mute: #555555;--accent: #dd8833;--accent-2: #ffaa44;--accent-grad: linear-gradient(135deg, #dd8833 0%, #ffaa44 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0,0,0,.8);--tile-filter: brightness(.8) saturate(.5);--body-bg: var(--bg)}:root[data-theme=steel]{--bg: #1b2535;--bg-2: #222f42;--surface: rgba(255,255,255,.05);--surface-solid: #273244;--surface-hi: rgba(255,255,255,.09);--border: rgba(255,255,255,.09);--border-hi: rgba(255,255,255,.18);--text: #c8d4e4;--text-dim: #7a9ab8;--text-mute: #4a6a88;--accent: #7aabd4;--accent-2: #4d9ac8;--accent-grad: linear-gradient(135deg, #7aabd4 0%, #4d9ac8 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0,0,0,.5);--tile-filter: brightness(.75) invert(1) contrast(.9) hue-rotate(180deg) saturate(.7);--body-bg: var(--bg)}:root[data-theme=anthracite]{--bg: #141618;--bg-2: #1c1f22;--surface: rgba(255,255,255,.04);--surface-solid: #222528;--surface-hi: rgba(255,255,255,.07);--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.14);--text: #d0d4da;--text-dim: #8a9aaa;--text-mute: #5a6a7a;--accent: #8aaabb;--accent-2: #60aacc;--accent-grad: linear-gradient(135deg, #8aaabb 0%, #60aacc 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0,0,0,.7);--tile-filter: brightness(.8) invert(1) contrast(.85) saturate(.7);--body-bg: var(--bg)}:root[data-theme=khaki]{--bg: #1a2016;--bg-2: #21291b;--surface: rgba(255,255,255,.05);--surface-solid: #28321e;--surface-hi: rgba(180,220,120,.09);--border: rgba(140,180,100,.12);--border-hi: rgba(140,180,100,.25);--text: #c8d8b0;--text-dim: #88aa72;--text-mute: #506440;--accent: #88bb44;--accent-2: #66aa33;--accent-grad: linear-gradient(135deg, #88bb44 0%, #66aa33 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0,0,0,.6);--tile-filter: brightness(.75) invert(1) hue-rotate(90deg) saturate(.6);--body-bg: var(--bg)}:root[data-theme=emerald]{--bg: #0e2018;--bg-2: #152b22;--surface: rgba(255,255,255,.05);--surface-solid: #1c3329;--surface-hi: rgba(50,200,130,.09);--border: rgba(30,160,100,.14);--border-hi: rgba(30,160,100,.28);--text: #b8e8d0;--text-dim: #6abf98;--text-mute: #3a7a60;--accent: #22cc88;--accent-2: #11bb77;--accent-grad: linear-gradient(135deg, #22cc88 0%, #11bb77 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0,0,0,.6);--tile-filter: brightness(.75) invert(1) hue-rotate(120deg) saturate(.6);--body-bg: var(--bg)}:root[data-theme=slate]{--bg: #1e252e;--bg-2: #252d38;--surface: rgba(255,255,255,.05);--surface-solid: #2c3545;--surface-hi: rgba(90,140,200,.08);--border: rgba(255,255,255,.08);--border-hi: rgba(255,255,255,.16);--text: #c4ccd8;--text-dim: #7888aa;--text-mute: #4a5870;--accent: #5b88cc;--accent-2: #4499dd;--accent-grad: linear-gradient(135deg, #5b88cc 0%, #4499dd 100%);--success: #4ade80;--warning: #fbbf24;--danger: #fb7185;--high: #fb7185;--shadow: 0 10px 40px rgba(0,0,0,.55);--tile-filter: brightness(.75) invert(1) contrast(.9) hue-rotate(200deg) saturate(.6);--body-bg: var(--bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--body-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:16px;padding:12px 14px;border-radius:12px;background:var(--surface-solid);border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-mute)}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.topbar{position:sticky;top:0;z-index:20;padding:calc(var(--safe-top) + 12px) 16px 12px;display:flex;align-items:center;gap:12px;background:transparent;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar .logo{width:28px;height:28px;border-radius:8px;background:transparent;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.topbar .title{font-weight:700;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .spacer{flex:1}.topbar .btn{border-radius:50%;width:36px;height:36px;min-height:36px;padding:0}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-hi);display:grid;place-items:center;font-weight:700;font-size:14px;border:1px solid var(--border);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.content{flex:1;padding:4px 16px calc(96px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card.solid{background:var(--surface-solid)}.section-title{font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:6px 2px -2px;display:flex;align-items:center;gap:8px}.section-title .count{background:var(--surface-hi);color:var(--text-dim);border-radius:20px;padding:1px 8px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:14px;font-weight:650;font-size:15px;background:var(--surface-hi);color:var(--text);border:1px solid var(--border);transition:transform .08s ease,filter .15s ease,background .15s;min-height:48px}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent-grad);color:#fff;border:none;box-shadow:0 6px 18px #5b8cff59}.btn.success{background:linear-gradient(135deg,#34d399,#10b981);color:#04231a;border:none}.btn.danger{background:#f871711f;color:var(--danger);border-color:#f871714d}.btn.ghost{background:transparent}.btn.block{width:100%}.btn.lg{padding:16px;font-size:16px;min-height:56px}.btn:disabled{opacity:.5;pointer-events:none}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;font-size:12.5px;font-weight:600;background:var(--surface-hi);border:1px solid var(--border);color:var(--text-dim)}.chip.on{background:#5b8cff29;color:var(--accent);border-color:#5b8cff59}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;font-size:12px;font-weight:700}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.new{color:var(--text-dim);background:var(--surface-hi)}.badge.assigned{color:var(--accent);background:#5b8cff24}.badge.en_route{color:var(--accent-2);background:#22d3ee24}.badge.arrived{color:var(--warning);background:#fbbf2424}.badge.done{color:var(--success);background:#34d39924}.badge.canceled{color:var(--danger);background:#f871711f}.shift-bar{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border)}.shift-bar.active{background:linear-gradient(135deg,#34d39924,#22d3ee14);border-color:#34d3994d}.pulse{width:12px;height:12px;border-radius:50%;background:var(--success);box-shadow:0 0 #34d39999;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 12px #34d39900}to{box-shadow:0 0 #34d39900}}.task{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;gap:12px;position:relative;overflow:hidden}.task.current{border-color:#22d3ee66;box-shadow:0 0 0 1px #22d3ee33,var(--shadow)}.task.high:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--high)}.task .seq{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--surface-hi);display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--text-dim)}.task.current .seq{background:var(--accent-grad);color:#05122e}.task .body{flex:1;min-width:0}.task .t-title{font-weight:700;font-size:15.5px;letter-spacing:-.01em}.task .t-addr{color:var(--text-dim);font-size:13.5px;margin-top:2px;display:flex;align-items:center;gap:5px}.task .t-note{margin-top:8px;font-size:13px;color:var(--text-dim);background:var(--surface);border-radius:10px;padding:7px 10px}.task .t-meta{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.task .actions{display:flex;gap:8px;margin-top:12px}.task .actions .btn{flex:1;min-height:42px;padding:9px 12px;font-size:14px}.map-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);position:relative}.ld3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.ld3-scene{width:60px;height:60px;perspective:280px}.ld3-cube{position:relative;width:60px;height:60px;transform-style:preserve-3d;animation:ld3-spin 2.6s cubic-bezier(.6,.1,.4,.9) infinite}.ld3-face{position:absolute;width:60px;height:60px;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);display:flex;align-items:center;justify-content:center}.ld3-face span{font-weight:900;font-style:italic;font-size:20px;color:var(--accent);letter-spacing:-1px}.ld3-top:after{content:"";position:absolute;left:0;right:0;top:26px;height:8px;background:color-mix(in srgb,var(--accent) 35%,transparent)}.ld3-front{transform:rotateY(0) translateZ(30px)}.ld3-back{transform:rotateY(180deg) translateZ(30px)}.ld3-right{transform:rotateY(90deg) translateZ(30px)}.ld3-left{transform:rotateY(-90deg) translateZ(30px)}.ld3-top{transform:rotateX(90deg) translateZ(30px)}.ld3-bottom{transform:rotateX(-90deg) translateZ(30px)}@keyframes ld3-spin{0%{transform:rotateX(-24deg) rotateY(0)}to{transform:rotateX(-24deg) rotateY(360deg)}}.ld3-label{font-size:13px;color:var(--muted);letter-spacing:.3px}@media (prefers-reduced-motion: reduce){.ld3-cube{animation:none}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:0 12px calc(10px + var(--safe-bottom));pointer-events:none}.tabbar .inner{pointer-events:auto;display:flex;gap:4px;background:var(--surface-solid);border:1px solid var(--border);border-radius:20px;padding:6px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 18px;border-radius:14px;color:var(--text-mute);font-size:11px;font-weight:600;transition:color .15s,background .15s}.tab.active{color:var(--text);background:var(--surface-hi)}.tab svg{width:22px;height:22px}.fab{position:fixed;right:18px;bottom:calc(104px + var(--safe-bottom));z-index:25;width:58px;height:58px;border-radius:20px;background:var(--accent-grad);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #5b8cff80;transition:transform .1s}.fab:active{transform:scale(.92)}.fab svg{width:28px;height:28px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04081299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:720px;max-height:92vh;overflow-y:auto;background:var(--bg-2);border-radius:24px 24px 0 0;border-top:1px solid var(--border-hi);padding:8px 16px calc(24px + var(--safe-bottom));animation:slideup .28s cubic-bezier(.22,1,.36,1)}@keyframes slideup{0%{transform:translateY(100%)}}.sheet .grabber{width:40px;height:4px;border-radius:4px;background:var(--border-hi);margin:6px auto 14px}.sheet h2{margin:0 0 4px;font-size:19px;letter-spacing:-.02em}.sheet .hint{color:var(--text-dim);font-size:13px;margin-bottom:16px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border-radius:13px;background:var(--surface-solid);border:1px solid var(--border);color:var(--text);outline:none;transition:border .15s}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{min-height:64px;resize:vertical}.field .row{display:flex;gap:10px}.seg{display:flex;gap:6px;background:var(--surface);padding:4px;border-radius:13px;border:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:1;flex-shrink:0;padding:9px 12px;border-radius:10px;font-weight:600;font-size:13px;color:var(--text-dim);white-space:nowrap}.seg.wrap{flex-wrap:wrap;overflow:visible}.seg.wrap button{flex:1 1 auto}.seg button.on{background:var(--surface-hi);color:var(--text)}.suggest{border:1px solid var(--border);border-radius:13px;overflow:hidden;margin-top:6px;background:var(--surface-solid)}.suggest .item{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.suggest .item:last-child{border-bottom:none}.suggest .item:active{background:var(--surface-hi)}.suggest .item .s-title{font-weight:600;font-size:14px}.suggest .item .s-sub{font-size:12px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.fav-row::-webkit-scrollbar{display:none}.fav-chip{flex-shrink:0;padding:10px 13px;border-radius:13px;background:var(--surface-solid);border:1px solid var(--border);display:flex;flex-direction:column;gap:1px;min-width:120px;text-align:left}.fav-chip .fc-title{font-weight:650;font-size:13.5px}.fav-chip .fc-addr{font-size:11.5px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.driver-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius)}.driver-card.offline{opacity:.6}.driver-card .d-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.driver-card .d-status.on{background:var(--success)}.driver-card .d-status.off{background:var(--text-mute)}.driver-card .d-name{font-weight:700}.driver-card .d-sub{font-size:12.5px;color:var(--text-dim)}.stat-pills{display:flex;gap:6px}.stat-pill{text-align:center;background:var(--surface);border-radius:11px;padding:6px 10px;min-width:46px}.stat-pill .n{font-weight:800;font-size:16px}.stat-pill .l{font-size:10px;color:var(--text-mute);text-transform:uppercase}.empty{text-align:center;padding:40px 20px;color:var(--text-mute)}.empty .icon{font-size:40px;margin-bottom:8px;opacity:.7}.muted{color:var(--text-dim)}.small{font-size:12.5px}.center{text-align:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.stack{display:flex;flex-direction:column;gap:10px}.grow{flex:1}.mono{font-variant-numeric:tabular-nums}.toast{position:fixed;left:50%;bottom:calc(150px + var(--safe-bottom));transform:translate(-50%);background:var(--surface-solid);border:1px solid var(--border-hi);color:var(--text);padding:11px 18px;border-radius:14px;z-index:60;box-shadow:var(--shadow);font-size:14px;font-weight:600;animation:fade .2s;max-width:90%}.login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px calc(32px + var(--safe-bottom));gap:16px;background:url(/back.png) center center / cover no-repeat;position:relative}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#050c1c73}.login>*{position:relative;z-index:1}.login-logo{width:72px;height:72px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000080}.login-logo img{width:100%;height:100%;object-fit:cover}.login-title{text-align:center}.login-brand{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.03em}.login-sub{font-size:14px;color:#fff9;margin-top:2px}.login-card{width:100%;max-width:400px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;margin-top:8px}.login-card label{color:#ffffffb3;font-size:13px;font-weight:600}.login-card input{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px}.login-card input::placeholder{color:#ffffff4d}.login-card input:focus{border-color:#ffffff73;outline:none;box-shadow:none}.login-error{color:#ff8080;font-size:13px;text-align:center}.spinner{width:22px;height:22px;border:2.5px solid var(--border-hi);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}