:root{--bg:#121212;--surface:#181818;--surface-2:#1f1f1f;--surface-3:#262626;--border:#2a2a2a;--border-strong:#353535;--text:#f2f2f2;--muted:#9a9a9a;--faint:#6b6b6b;--accent:#0f6;--accent-ink:#04140a;--accent-dim:#00ff661f;--accent-line:#00ff6659;--danger:#ff4d4f;--danger-dim:#ff4d4f1f;--warn:#ffb020;--warn-dim:#ffb0201f;--blue:#4da3ff;--blue-dim:#4da3ff1f;--radius:14px;--radius-sm:10px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0}p{margin:.4em 0}.muted{color:var(--muted)}.accent{color:var(--accent)}.small{font-size:12px}.right,.r{text-align:right}.nowrap{white-space:nowrap}.mt{margin-top:20px}.pad{padding:8px 0}.grow{flex:1}code{background:var(--surface-3);color:var(--accent);border-radius:6px;padding:2px 6px;font-size:1.05em}.logo{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.logo-sub{letter-spacing:.28em;color:var(--muted);font-size:10px;font-weight:600}.logo-lg .logo-sub{color:#cfcfcf;font-size:13px}.logo-tag{letter-spacing:.34em;color:var(--muted);margin-top:6px;font-size:11px}.btn{border:1px solid var(--border-strong);background:var(--surface-2);min-height:44px;color:var(--text);letter-spacing:.02em;text-align:center;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#2bff82}.btn-outline{border-color:var(--accent-line);color:var(--accent);background:0 0}.btn-outline:hover:not(:disabled){background:var(--accent-dim)}.btn-danger-outline{color:var(--danger);background:0 0;border-color:#ff4d4f80}.btn-danger-outline:hover:not(:disabled){background:var(--danger-dim)}.btn-ghost-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-sm{border-radius:9px;min-height:34px;padding:0 12px;font-size:13px}.btn-lg{min-height:52px;font-size:15px}.btn-xl{border-radius:14px;width:100%;min-height:58px;font-size:16px}.btn-block{width:100%}.btn-row{gap:10px;display:flex}.btn-row>*{flex:1}.btn-row.wrap{flex-wrap:wrap}.btn-row.wrap>*{flex:none}.icon-btn{width:40px;height:40px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn.danger{color:var(--danger)}.round-btn{border:1px solid var(--accent-line);width:46px;height:46px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.link-danger{color:var(--danger);opacity:.85;background:0 0;border:0;padding:6px 0;font-size:13px}.field{flex-direction:column;gap:6px;margin:12px 0;display:flex}.field-label{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}.field-box{background:var(--surface-2);border:1px solid var(--border);min-height:50px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s;display:flex}.field-box:focus-within{border-color:var(--accent-line)}.field-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;height:48px;font-size:16px}.has-error .field-box{border-color:#ff4d4f99}.field-error{color:var(--danger);font-size:12px}.input,.textarea,.filters input,.filters select,.date-range input{background:var(--surface-2);border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);border-radius:10px;outline:0;padding:10px 12px;font-size:16px}.input:focus,.textarea:focus{border-color:var(--accent-line)}.input:disabled{opacity:.6}.textarea{resize:vertical}.toggle-row{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--accent)}.two-col{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.hint{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.inline{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}input[type=color]{background:0 0;border:0;width:36px;height:28px;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-title{align-items:center;gap:10px;margin-bottom:10px;font-size:15px;display:flex}.step{background:var(--accent-dim);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.kv{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.kv:last-child{border-bottom:0}.kv>span:first-child{color:var(--muted);flex:none}.kv.total b{font-size:18px}.note{color:var(--warn)}.badge{letter-spacing:.06em;white-space:nowrap;vertical-align:middle;border:1px solid;border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge-accent{color:var(--accent);background:var(--accent-dim)}.badge-warn{color:var(--warn);background:var(--warn-dim)}.badge-blue{color:var(--blue);background:var(--blue-dim)}.badge-danger{color:var(--danger);background:var(--danger-dim)}.badge-muted{color:var(--muted);background:var(--surface-2)}.pill{letter-spacing:.12em;border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:8px;height:8px}.pill-on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.pill-on i{box-shadow:0 0 10px var(--accent);animation:2s infinite blink}.pill-busy{color:var(--warn);background:var(--warn-dim);border-color:#ffb02066}.pill-off{color:var(--muted);border-color:var(--border-strong)}@keyframes blink{50%{opacity:.35}}.pulse{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;animation:1.8s infinite pulse;display:inline-block;box-shadow:0 0 #0f69}@keyframes pulse{70%{box-shadow:0 0 0 10px #0f60}to{box-shadow:0 0 #0f60}}.spinner-wrap{color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:48px 0;display:flex}.spinner{border:3px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:var(--danger-dim);color:#ff8a8c;border:1px solid #ff4d4f59;border-radius:12px;align-items:flex-start;gap:10px;margin:10px 0;padding:12px 14px;font-size:14px;display:flex}.error-box svg{flex:none;margin-top:1px}.notice{border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.notice>div{flex-direction:column;gap:2px;display:flex}.notice span{color:var(--muted);font-size:13px}.notice-busy{color:var(--warn);background:var(--warn-dim);border-color:#ffb02066}.notice-off{color:var(--muted);border-color:var(--border-strong);background:var(--surface)}.notice-ok{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim);margin-bottom:12px}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:48px 16px;display:flex}.empty h3{color:var(--text)}.ann-bar{color:var(--accent-ink);background:var(--accent);align-items:center;gap:10px;padding:10px 12px 10px 14px;font-size:14px;font-weight:700;line-height:1.3;display:flex}.ann-bar p{flex:1;min-width:0;animation:.35s ann-in}.ann-bar.tone-info{color:var(--text);background:#1f2a3a;border-bottom:1px solid #2f4a70}.ann-bar.tone-warning{color:#1a1200;background:var(--warn)}.ann-count{opacity:.7;font-size:11px}.ann-close{width:28px;height:28px;color:inherit;background:#0000001f;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.panel .ann-bar{border-radius:10px}@keyframes ann-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ann-bar p{animation:none}}.chips{scrollbar-width:none;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:600}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.switch{border:1px solid var(--border-strong);background:var(--surface-3);border-radius:999px;width:42px;height:24px;padding:0;transition:background .15s;position:relative}.switch i{background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent-dim);border-color:var(--accent-line)}.switch.on i{background:var(--accent);transform:translate(18px)}.progress{background:var(--surface-3);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.progress>div{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.timeline{grid-template-columns:repeat(5,1fr);margin:0;padding:4px 0;list-style:none;display:grid;position:relative}.timeline li{text-align:center;color:var(--faint);flex-direction:column;align-items:center;gap:6px;font-size:11.5px;display:flex;position:relative}.timeline li:before{content:"";background:var(--surface-3);z-index:0;width:100%;height:2px;position:absolute;top:11px;right:50%}.timeline li:first-child:before{display:none}.timeline li.done:before,.timeline li.active:before{background:var(--accent);box-shadow:0 0 8px #0f66}.timeline .dot{border:2px solid var(--border-strong);background:var(--bg);z-index:1;width:24px;height:24px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.timeline li.done .dot{background:var(--accent);border-color:var(--accent)}.timeline li.active .dot{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.timeline li.done,.timeline li.active{color:var(--text)}.timeline li.active .t-label{color:var(--accent)}.t-label{font-weight:600;line-height:1.2}.t-time{color:var(--muted);font-size:11px}.timeline.compact li{font-size:10.5px}.totals>div{color:var(--muted);justify-content:space-between;padding:5px 0;display:flex}.totals .grand{color:var(--text);border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:18px;font-weight:800}.totals .grand span:last-child{color:var(--accent)}.summary-items>div{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.summary-items{border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:8px}.product-img{object-fit:cover;background:var(--surface-2);border-radius:12px;flex:none}.product-img.tile{color:var(--tile);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tile) 22%, transparent), transparent 70%), var(--surface-2);border:1px solid color-mix(in srgb, var(--tile) 30%, var(--border));place-items:center;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:18px;width:100%;max-width:520px;max-height:calc(100vh - 32px);padding:20px;animation:.18s pop;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table tr:last-child td{border-bottom:0}.table th.r,.table td.r{text-align:right}.table tr.dim td{opacity:.5}.map-wrap{border-radius:var(--radius);border:1px solid var(--border);background:#0e0e0e;height:300px;position:relative;overflow:hidden}.map-loading{color:var(--muted);place-items:center;display:grid}.map{background:#0e0e0e;position:absolute;top:0;bottom:0;left:0;right:0}.leaflet-container{font-family:var(--font);background:#0e0e0e}.dark-tiles .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.82)contrast(.92)saturate(.35)}.leaflet-control-zoom a{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important;width:36px!important;height:36px!important;line-height:36px!important}.leaflet-bar{overflow:hidden;border:1px solid var(--border)!important;border-radius:10px!important}.leaflet-control-attribution{color:#777!important;background:#121212b3!important;font-size:9px!important}.leaflet-control-attribution a{color:#999!important}.map-recenter{z-index:500;border:1px solid var(--border);background:var(--surface-2);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;display:grid;position:absolute;bottom:12px;left:12px}.map-icon{background:0 0;border:0}.car-icon{transition:transform 1.5s linear}.no-anim .car-icon{transition:none}.car-marker{place-items:center;width:44px;height:44px;display:grid;position:relative;transform:translate(-50%,-50%)}.car-body{filter:drop-shadow(0 0 6px #0f69);background:radial-gradient(circle,#00ff6659,#0f60 70%);border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .6s;display:grid}.car-marker.stale .car-body{filter:grayscale()opacity(.55);background:0 0}.marker-label{border:1px solid var(--accent-line);white-space:nowrap;pointer-events:none;background:#121212eb;border-radius:10px;flex-direction:column;padding:5px 9px;line-height:1.2;display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.marker-label b{color:var(--text);font-size:12px}.marker-label span{color:var(--muted);font-size:10.5px}.pin-marker{flex-direction:column;align-items:center;width:36px;display:flex;position:relative;transform:translate(-50%,-100%)}.pin-marker .pin{background:var(--bg);border:2.5px solid var(--accent);width:34px;height:34px;color:var(--accent);border-radius:50% 50% 50% 0;place-items:center;display:grid;transform:rotate(-45deg);box-shadow:0 0 14px #00ff668c}.pin-marker .pin svg{transform:rotate(45deg)}.pin-marker.place .pin{border-color:var(--blue);color:var(--blue);width:28px;height:28px;box-shadow:0 0 10px #4da3ff66}.pin-marker.place.hl .pin{border-color:var(--accent);color:var(--accent)}.pin-marker .marker-label{bottom:calc(100% + 6px)}.pin-marker.place .marker-label{border-color:var(--border-strong)}.area-sweep-icon,.area-sweep{pointer-events:none}.area-sweep{will-change:transform;background:conic-gradient(#0f60 0deg 290deg,#00ff6608 320deg,#00ff6629 360deg);border-radius:50%;animation:7s linear infinite spin;position:absolute;top:0;left:0;translate:-50% -50%}.no-anim .area-sweep{visibility:hidden}.area-center{width:0;height:0;position:relative}.area-dot,.area-ping{border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.area-dot{background:var(--accent);border:2px solid var(--bg);width:10px;height:10px;box-shadow:0 0 10px #0f6c}.area-ping{border:1.5px solid var(--accent);opacity:0;width:34px;height:34px;animation:2.4s ease-out infinite area-ping}.area-center.editable .area-dot{cursor:grab;border-width:3px;width:20px;height:20px}.area-center .marker-label{bottom:16px}@keyframes area-ping{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.4}}@media (prefers-reduced-motion:reduce){.area-sweep{display:none}.area-ping{animation:none}}.app-shell{max-width:520px;min-height:100vh;background:var(--bg);min-height:100dvh;margin:0 auto;position:relative}@media (min-width:560px){body:has(.app-shell){background:#0b0b0b}.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.app-main{padding-bottom:calc(76px + var(--safe-bottom))}.conn-banner{align-items:center;margin:12px 16px 0}.conn-banner .btn{flex:none;margin-left:auto;padding:8px 12px;font-size:13px}.page{flex-direction:column;gap:14px;padding:0 16px 24px;display:flex}.topbar{z-index:100;height:calc(58px + var(--safe-top));padding-top:var(--safe-top);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#121212eb;align-items:center;gap:8px;margin:0 -16px;padding-left:12px;padding-right:12px;display:flex;position:sticky;top:0}.topbar-logo{align-items:center;padding:0 4px;display:flex}.topbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;overflow:hidden}.topbar .cart-btn{margin-left:auto}.cart-count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:2px;right:0}.cart-count.hot{background:var(--warn)}.bottom-nav{z-index:200;width:100%;max-width:520px;padding:6px 4px calc(6px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#101010f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--faint);flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.bottom-nav a.active{color:var(--accent)}.nav-icon{display:inline-flex;position:relative}.nav-icon .cart-count{top:-6px;right:-12px}.hero{text-align:center;padding:30px 0 6px;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#00ff661a,#0000 65%);position:absolute;top:0;bottom:10%;left:10%;right:10%}.hero-status{margin-top:18px}.hero-pitch{max-width:22rem;color:var(--muted);margin:10px auto 0;font-size:.95rem;line-height:1.4}.info-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);display:grid}.info-row>div{color:var(--accent);flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.info-row>div+div{border-left:1px solid var(--border)}.info-row span{color:var(--muted);font-size:11.5px}.info-row b{color:var(--text);font-size:15px}.section-title{justify-content:space-between;align-items:baseline;margin:8px 0 10px;font-size:16px;display:flex}.section-title a{font-size:13px;font-weight:600}.cat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cat-grid>:last-child:nth-child(odd){grid-column:1/-1}.cat-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);align-items:center;gap:10px;padding:16px 14px;font-weight:700;transition:border-color .15s;display:flex}.cat-tile svg:first-child{color:var(--accent)}.cat-tile:hover{border-color:var(--accent-line)}.cat-arrow{color:var(--faint);margin-left:auto}.popular-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}.popular-scroll::-webkit-scrollbar{display:none}.product-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:0 0 150px;gap:8px;padding:12px;display:flex}.product-card .product-img{align-self:center}.product-card .product-name{min-height:2.6em;font-size:14px;font-weight:700}.product-card-foot{justify-content:space-between;align-items:center;gap:6px;display:flex}.product-card .qty{transform-origin:100%;transform:scale(.9)}.active-order-banner{border-radius:var(--radius);background:var(--accent-dim);border:1px solid var(--accent-line);color:var(--text);align-items:center;gap:12px;padding:14px 16px;display:flex}.active-order-banner>div{flex-direction:column;flex:1;display:flex}.active-order-banner span{color:var(--muted);font-size:13px}.active-order-banner svg{color:var(--accent)}.fine-print{text-align:center;color:var(--faint);margin:8px 0;font-size:12px}.search{background:var(--surface);border:1px solid var(--border);height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin-top:4px;padding:0 14px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.product-list{flex-direction:column;gap:10px;display:flex}.product-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:12px;display:flex}.product-row.unavailable{opacity:.5}.product-info{flex:1;min-width:0}.product-name{font-weight:700}.product-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.product-price{color:var(--accent);margin-top:2px;font-weight:800}.add-btn{background:var(--accent);width:42px;height:42px;color:var(--accent-ink);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .1s;display:grid}.add-btn:active{transform:scale(.9)}.qty{border:1px solid var(--accent-line);border-radius:999px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.qty button{background:var(--surface-3);border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.qty button:last-child{background:var(--accent);color:var(--accent-ink)}.qty button:disabled{opacity:.4}.qty span{text-align:center;min-width:24px;font-weight:800}.basket-bar{left:50%;bottom:calc(74px + var(--safe-bottom));z-index:150;background:var(--accent);width:calc(100% - 24px);max-width:496px;height:56px;color:var(--accent-ink);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;font-weight:700;animation:.2s pop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00ff6640}.page:has(.basket-bar){padding-bottom:90px}.basket-lines{padding:4px 14px}.basket-line{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.basket-line-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.add-more{align-items:center;gap:6px;padding:14px 0 10px;font-size:14px;font-weight:600;display:flex}.min-order{border-radius:var(--radius);background:var(--warn-dim);color:var(--warn);border:1px solid #ffb02059;padding:14px}.min-order-text{align-items:center;gap:8px;font-size:14px;display:flex}.min-order .progress>div{background:var(--warn)}.min-ok{color:var(--accent);align-items:center;gap:8px;padding:0 4px;font-size:14px;font-weight:600;display:flex}.sticky-cta{bottom:calc(72px + var(--safe-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);z-index:50;padding:10px 0 4px;position:sticky}.checkout .sticky-cta{padding-bottom:calc(10px + var(--safe-bottom));bottom:0}.checkout .app-main{padding-bottom:0}.app-main:has(.checkout){padding-bottom:0}.checkout form{flex-direction:column;gap:14px;display:flex}.map-picker{height:240px;margin:6px 0 4px}.notice-out{color:var(--warn);background:var(--warn-dim);border-color:#ffb02066;margin:8px 0 4px}.notice-out b{color:var(--text)}.pay-option{border:1px solid var(--accent-line);background:var(--accent-dim);color:var(--accent);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.pay-option>div{color:var(--text);flex-direction:column;flex:1;display:flex}.pay-option span{color:var(--muted);font-size:13px}.placed-hero{text-align:center;padding:24px 0 8px}.big-check{border:2px solid var(--accent);width:84px;height:84px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 14px;animation:.3s pop;display:grid;box-shadow:0 0 40px #00ff6659,inset 0 0 20px #00ff6626}.placed-hero h1{letter-spacing:.04em;font-size:26px}.placed-hero p{color:var(--muted)}.placed-hero.cancelled .big-check{border-color:var(--danger);color:var(--danger);box-shadow:none}.order-list{flex-direction:column;gap:10px;display:flex}.order-row{color:var(--text);align-items:center;gap:12px;display:flex}.order-row>div:first-child{flex-direction:column;flex:1;display:flex}.order-row>div:first-child span{color:var(--muted);font-size:12.5px}.order-row-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.order-row.active{border-color:var(--accent-line)}.track-page{height:100vh;flex-direction:column;height:100dvh;display:flex;position:relative}.app-main:has(.track-page){padding-bottom:0}.track-map{flex:1;min-height:45vh;position:relative}.map-full{border:0;border-radius:0;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.map-back{top:calc(12px + var(--safe-top));z-index:600;border:1px solid var(--border);background:#121212e6;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;left:12px}.map-order-chip{top:calc(16px + var(--safe-top));z-index:600;border:1px solid var(--accent-line);color:var(--accent);letter-spacing:.04em;background:#121212e6;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:flex;position:absolute;right:12px}.track-sheet{z-index:700;background:var(--surface);border-top:1px solid var(--border-strong);padding:10px 16px calc(16px + var(--safe-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:14px;margin-top:-20px;display:flex;position:relative}.sheet-handle{background:var(--border-strong);border-radius:4px;align-self:center;width:40px;height:4px}.track-head{align-items:center;gap:12px;display:flex}.track-head-icon{background:var(--accent-dim);width:48px;height:48px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.track-head h2{color:var(--accent);text-transform:uppercase;letter-spacing:.02em;font-size:19px}.track-head p{color:var(--muted);margin:2px 0 0;font-size:13.5px}.loc-warn{color:var(--muted);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.loc-warn.warn{color:var(--warn);background:var(--warn-dim)}.driver-card{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:12px;padding:12px;display:flex}.driver-car{background:var(--surface-3);color:#cfcfcf;border-radius:10px;place-items:center;width:56px;height:44px;display:grid}.driver-info{flex-direction:column;flex:1;display:flex}.driver-info span{color:var(--muted);font-size:13px}.driver-info .live{color:var(--accent);align-items:center;gap:6px;font-weight:600;display:flex}.driver-info .live i{background:var(--accent);border-radius:50%;width:7px;height:7px}.account-card{align-items:center;gap:14px;display:flex}.account-card>div:last-child{flex-direction:column;display:flex}.account-card span{color:var(--muted)}.avatar{background:var(--accent-dim);width:52px;height:52px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.sm{width:34px;height:34px}.menu-list{padding:4px 0}.menu-list a,.menu-list button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:grid}.menu-list>*+*{border-top:1px solid var(--border)!important}.install-card{color:var(--accent);align-items:center;gap:12px;display:flex}.install-card>div{color:var(--text);flex-direction:column;flex:1;display:flex}.install-card span{color:var(--muted);font-size:13px}.auth-page{min-height:100vh;flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.auth-hero{padding:calc(48px + var(--safe-top)) 16px 40px;background:radial-gradient(ellipse at 50% 60%, #00ff661f, transparent 60%), linear-gradient(to bottom, #0d0d0d, var(--bg));place-items:center;display:grid;position:relative}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin:-16px 16px 24px;padding:22px 18px}.auth-card h2{font-size:22px}.auth-card .btn-xl{margin-top:8px}.auth-links{justify-content:flex-end;margin:-4px 0 6px;font-size:13px;display:flex}.pw-field{position:relative}.pw-toggle{color:var(--muted);background:0 0;border:0;padding:4px 6px;font-size:13px;position:absolute;bottom:12px;right:10px}.or{color:var(--faint);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.auth-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;font-size:12px;display:flex}.auth-foot span{align-items:center;gap:5px;display:flex}.auth-foot svg{color:var(--accent)}.auth-small{text-align:center;color:var(--muted);margin-top:14px;font-size:14px}.auth-card .btn-block+.btn-block{margin-top:10px}@media (min-width:960px){body:has(.app-shell){background:#0b0b0b}body:has(.auth-page){background:#0b0b0b}.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:1180px}.app-shell.has-nav{grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.app-shell.has-nav>.notice.conn-banner,.app-shell.has-nav>.ann-bar{grid-column:2}.app-shell.has-nav>.app-main{grid-column:2;min-width:0;padding-bottom:32px}.bottom-nav{width:auto;max-width:none;min-height:100vh;min-height:100dvh;padding:20px 14px calc(20px + var(--safe-bottom));border-top:0;border-right:1px solid var(--border);background:var(--bg);flex-direction:column;grid-area:1/1/-1;gap:4px;display:flex;position:sticky;top:0;left:auto;transform:none}.bottom-nav a{border-radius:12px;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:14px}.bottom-nav a.active{background:var(--accent-dim)}.page{max-width:920px;padding:0 28px 40px}.topbar{margin:0 -28px;padding-left:20px;padding-right:20px}.hero{padding:48px 0 12px}.hero-pitch{text-wrap:balance;max-width:40rem;font-size:1.08rem}.cat-grid{grid-template-columns:repeat(5,1fr)}.cat-grid>:last-child:nth-child(odd){grid-column:auto}.popular-scroll{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:visible}.product-card{flex:none;width:auto}.product-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.basket-bar{width:100%;max-width:none;position:sticky;bottom:16px;left:0;transform:none}.page:has(.basket-bar){padding-bottom:24px}.map-picker{height:340px}.checkout{max-width:640px}.auth-page{max-width:480px;padding:24px 0 48px}.auth-card{margin-left:0;margin-right:0}}.admin{min-height:100vh;grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.adm-side{border-right:1px solid var(--border);background:#0f0f0f;flex-direction:column;gap:14px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.adm-brand{padding:4px 8px 12px}.adm-brand .logo{align-items:flex-start}.adm-side nav{flex-direction:column;gap:4px;display:flex}.adm-side nav a{color:#cfcfcf;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-weight:600;display:flex}.adm-side nav a:hover{background:var(--surface)}.adm-side nav a.active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.adm-side nav em{background:var(--accent);min-width:22px;height:22px;color:var(--accent-ink);border-radius:999px;place-items:center;margin-left:auto;font-size:12px;font-style:normal;font-weight:800;display:grid}.adm-side nav em.hot{background:var(--warn);animation:1.2s infinite blink}.adm-side-foot{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;margin-top:auto;padding:12px;font-size:13px;display:flex}.adm-side-foot>*{align-items:center;gap:6px;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot.off{background:var(--danger)}.adm-main{flex-direction:column;min-width:0;display:flex}.adm-header{z-index:900;padding:calc(10px + var(--safe-top)) 24px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#121212f0;flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:sticky;top:0}.adm-header-logo{display:none}.adm-clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.cap-chip,.gps-chip,.live-chip{letter-spacing:.05em;border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.cap-chip{color:var(--text)}.cap-chip.full{color:var(--warn);background:var(--warn-dim);border-color:#ffb02080}.gps-chip.on,.live-chip.on{color:var(--accent);border-color:var(--accent-line)}.gps-chip.warn{color:var(--warn);border-color:#ffb02080}.live-chip i{background:currentColor;border-radius:50%;width:7px;height:7px}.live-chip.off{color:var(--warn)}.adm-driver{align-items:center;gap:10px;margin-left:auto;display:flex}.adm-driver>div{flex-direction:column;line-height:1.2;display:flex}.adm-driver span{color:var(--muted);font-size:12px}.sound-banner,.warn-banner{text-align:left;border-radius:12px;align-items:center;gap:10px;margin:12px 24px 0;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sound-banner{border:1px dashed var(--accent-line);background:var(--accent-dim);color:var(--accent)}.warn-banner{background:var(--danger-dim);color:#ff8a8c;border:1px solid #ff4d4f80}.adm-content{min-width:0;padding:20px 24px 40px}.adm-tabbar{display:none}.cash-calc{flex-direction:column;gap:14px;display:flex}.cash-calc h2{font-size:18px}.cc-section{flex-direction:column;gap:8px;display:flex}.cc-chips{flex-wrap:wrap;overflow:visible}.cc-chips .chip{padding:10px 14px}.cc-inline{color:var(--muted);align-items:center;gap:8px;display:flex}.cc-inline .input{width:110px}.cc-totals{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.cc-totals>div{color:var(--muted);justify-content:space-between;display:flex}.cc-off{color:var(--accent)!important}.cc-due{border-top:1px solid var(--border);align-items:baseline;margin-top:4px;padding-top:8px;color:var(--text)!important}.cc-due b{font-size:26px}.cc-totals s{align-self:flex-end}.cc-received{align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.cc-received .input{min-height:58px;font-size:26px;font-weight:800}.cc-change{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.cc-change b{color:var(--text);font-size:34px}.cc-change.ok{border-color:var(--accent-line);background:var(--accent-dim);color:var(--accent)}.cc-change.ok b{color:var(--accent)}.cc-change.short{color:var(--danger);background:#ff4d4f1a;border-color:#ff4d4f80}.cc-change.short b{color:var(--danger)}.ann-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ann-chips{flex-wrap:wrap;overflow:visible}.ann-examples{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.ann-example{color:var(--muted);padding:6px 12px;font-size:12px;font-weight:500}.ann-custom{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.ann-custom .input{width:80px}.ann-list{flex-direction:column;gap:8px;list-style:none;display:flex}.ann-item{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.ann-item>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ann-item.tone-promo{border-color:var(--accent-line)}.ann-item.tone-warning{border-color:#ffb02073}.ann-past-title{margin:16px 0 8px;font-size:13px}.ann-list.past .ann-item{opacity:.7}.adm-page{flex-direction:column;gap:16px;display:flex}.adm-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.adm-page-head h1{flex-wrap:wrap;align-items:center;gap:10px;font-size:24px;display:flex}.back-link{align-items:center;gap:4px;margin-bottom:4px;font-size:13px;display:inline-flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.panel-title{align-items:center;gap:8px;font-size:15px;display:flex}.panel-title a{margin-left:auto;font-size:13px;font-weight:600}.panel-title .count{background:var(--surface-3);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:14px;min-width:0;padding:16px;display:flex}.stat-card>div:last-child{flex-direction:column;min-width:0;display:flex}.stat-icon{border:1px solid var(--accent-line);width:44px;height:44px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.stat-label{color:var(--muted);font-size:12.5px}.stat-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.stat-sub{color:var(--muted);font-size:12px}.stat-card.tone-accent .stat-value{color:var(--accent)}.stat-card.capacity.full{background:var(--warn-dim);border-color:#ffb02099}.stat-card.capacity.full .stat-value,.stat-card.capacity.full .stat-sub{color:var(--warn)}.stat-card.capacity.full .progress>div{background:var(--warn)}.dash-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.map-dash{height:300px}.activity{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.activity li:last-child{border-bottom:0}.activity li .muted:last-child{margin-left:auto}.dot.s-PENDING{background:var(--warn)}.dot.s-ACCEPTED,.dot.s-PURCHASING{background:var(--blue)}.dot.s-PURCHASED,.dot.s-ON_THE_WAY,.dot.s-DELIVERED{background:var(--accent)}.dot.s-CANCELLED{background:var(--danger)}.orders-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:14px;display:grid}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.panel .order-card{background:var(--surface-2)}.order-card.pending{border-color:#ffb0208c;box-shadow:0 0 0 1px #ffb02026,0 0 24px #ffb02014}.order-card.selected{border-color:var(--accent-line)}.order-card-head{justify-content:space-between;align-items:center;display:flex}.order-no{font-size:17px}.order-card-body{flex-direction:column;gap:6px;display:flex}.oc-line{align-items:center;gap:8px;font-size:14px;display:flex}.oc-line svg{color:var(--muted);flex:none}.oc-line .muted{margin-left:auto}.oc-items{border-top:1px solid var(--border);margin:4px 0 0;padding:8px 0 0;font-size:13.5px;list-style:none}.oc-items li{justify-content:space-between;padding:2px 0;display:flex}.oc-total{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;padding-top:6px;display:flex}.oc-total b{color:var(--accent);font-size:18px}.oc-total.big b{font-size:24px}.oc-open{align-self:flex-end;align-items:center;gap:4px;font-size:13px;display:inline-flex}.order-actions{flex-direction:column;gap:8px;display:flex}.gps-panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:10px;padding:14px;display:flex}.gps-panel.compact{background:var(--surface-2)}.gps-head{align-items:center;gap:12px;display:flex}.gps-head>div{flex-direction:column;display:flex}.gps-head span{color:var(--muted);font-size:12.5px}.gps-panel.tone-on{border-color:var(--accent-line)}.gps-panel.tone-on .gps-head svg{color:var(--accent)}.gps-panel.tone-warn{border-color:#ffb0208c}.gps-panel.tone-warn .gps-head svg,.gps-panel.tone-warn .gps-head b{color:var(--warn)}.gps-panel.tone-off .gps-head svg{color:var(--muted)}.gps-error{color:var(--warn);font-size:13px}.modal.new-order{border-color:#ffb02099;flex-direction:column;gap:4px;display:flex;box-shadow:0 0 60px #ffb02026}.new-order-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.new-order-head>div{flex:1}.new-order-head h2{color:var(--warn);letter-spacing:.06em;font-size:26px}.ring{background:var(--warn-dim);width:54px;height:54px;color:var(--warn);border-radius:50%;place-items:center;animation:1s ease-in-out infinite ring;display:grid}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}}.modal.new-order .btn-row{margin-top:12px}.detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.map-detail{height:420px}.nav-stats{grid-template-columns:2fr 1fr 1fr;gap:8px;display:grid}.nav-stats>div{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:0;padding:10px 12px;display:flex}.nav-stats span{color:var(--muted);font-size:12px}.nav-stats b{text-overflow:ellipsis;font-size:17px;overflow:hidden}.map-page-grid{grid-template-columns:minmax(0,1fr) 340px;gap:14px;height:calc(100vh - 120px);display:grid}.map-big{height:100%}.map-page-grid .panel{overflow:auto}.map-selected{border:1px solid var(--accent-line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.map-selected h3{align-items:center;gap:8px;display:flex}.map-selected p{margin:0}.map-selected .nav-stats{grid-template-columns:1fr 1fr}.map-list-item{border:1px solid var(--border);background:var(--surface-2);text-align:left;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.map-list-item span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.map-list-item.on{border-color:var(--accent-line)}.drive{width:100%;max-width:560px;margin:0 auto}.safety{color:var(--warn);background:var(--warn-dim);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.map-drive{height:38vh;min-height:240px}.drive-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:12px;padding:16px;display:flex}.drive-head{justify-content:space-between;align-items:center;font-size:18px;display:flex}.drive-customer{flex-direction:column;gap:2px;display:flex}.drive-customer b{font-size:20px}.drive-customer span{color:#d8d8d8;font-size:16px}.drive .nav-stats{grid-template-columns:repeat(3,1fr)}.drive-items summary{cursor:pointer;color:var(--accent);padding:4px 0;font-weight:600}.drive-items ul{margin:6px 0 0;padding-left:18px;font-size:16px}.drive .btn-xl{min-height:64px;font-size:17px}.range-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-range{align-items:center;gap:6px;display:flex}.date-range input{width:auto;min-height:36px;padding:4px 8px;font-size:14px}.rev-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.bar-chart{flex-direction:column;gap:6px;display:flex}.bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:4px;height:180px;padding-top:18px;display:flex}.bar-col{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.bar{background:linear-gradient(to top, #00ff6659, var(--accent));border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .4s;position:relative}.bar span{color:var(--muted);white-space:nowrap;padding-bottom:2px;font-size:10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.bar-labels{gap:4px;display:flex}.bar-labels span{text-align:center;color:var(--muted);flex:1;min-width:0;font-size:10.5px;overflow:hidden}.breakdown>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;display:flex}.breakdown .sub{color:var(--muted)}.breakdown .hl{font-size:16px;font-weight:800}.breakdown .hl.accent b{color:var(--accent)}.top-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.top-list li{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 34px 60px;align-items:center;gap:8px;font-size:13.5px;display:grid}.top-list li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-list .muted{text-align:right;font-size:12px}.top-bar{background:var(--surface-3);border-radius:99px;height:6px;overflow:hidden}.top-bar>div{background:var(--accent);height:100%}.filters{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:12px;display:flex}.filters label{color:var(--muted);flex-direction:column;flex:150px;gap:4px;font-size:12px;display:flex}.filters input,.filters select{min-height:38px;padding:6px 10px;font-size:14px}.img-edit{align-items:center;gap:16px;margin-bottom:6px;display:flex}.img-edit>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.settings-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.settings-side{flex-direction:column;gap:14px;display:flex}.settings-form .field{margin:6px 0}.settings-form>.btn{align-self:flex-start;margin-top:8px}.map-area{height:380px}.area-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.area-radius{flex:320px;margin:0}.area-radius-row{align-items:center;gap:14px;display:flex}.range{min-width:0;height:28px;accent-color:var(--accent);cursor:pointer;flex:1}.area-km{color:var(--muted);align-items:center;gap:6px;font-weight:600;display:flex}.area-km .input{text-align:center;width:76px;color:var(--accent);font-weight:700}.reset-list{margin:0;padding:0;list-style:none}.reset-list li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 0;display:flex}.reset-list li>div{flex:1}.dev-panel{border-style:dashed;border-color:#ffb02080}.dev-panel .panel-title{color:var(--warn)}.dev-out{white-space:pre-wrap;word-break:break-all;color:var(--muted);margin:0;font-size:11px}@media (max-width:1280px){.dash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dash-grid>:last-child{grid-column:span 2}}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rev-grid,.detail-grid,.settings-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.admin{grid-template-columns:1fr}.adm-side{display:none}.adm-header{padding:calc(8px + var(--safe-top)) 14px 8px;gap:8px}.adm-header-logo{display:flex}.adm-clock{font-size:17px}.adm-hours,.adm-driver>div,.live-chip,.adm-driver{display:none}.sound-banner,.warn-banner{margin:10px 14px 0}.adm-content{padding:14px 14px calc(90px + var(--safe-bottom))}.adm-tabbar{z-index:950;padding:6px 4px calc(6px + var(--safe-bottom));border-top:1px solid var(--border);background:#101010f7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.adm-tabbar a,.adm-tabbar button{color:var(--faint);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.adm-tabbar a.active,.adm-tabbar button.active{color:var(--accent)}.adm-more-backdrop{z-index:940;background:#0000008c;position:fixed;top:0;bottom:0;left:0;right:0}.adm-more{left:8px;right:8px;bottom:calc(70px + var(--safe-bottom));background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;padding:6px;display:flex;position:absolute;box-shadow:0 -10px 40px #00000080}.adm-more a{border-radius:10px;align-items:center;gap:12px;padding:14px 12px;font-weight:600;display:flex}.adm-more a.active{color:var(--accent);background:var(--accent-dim)}.adm-more em{background:var(--danger);color:#fff;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:12px;font-style:normal}.ann-grid,.dash-grid,.orders-top{grid-template-columns:minmax(0,1fr)}.dash-grid>:last-child{grid-column:auto}.orders-grid{grid-template-columns:minmax(0,1fr)}.map-page-grid{grid-template-columns:1fr;height:auto}.map-big{height:55vh}.map-area{height:300px}.map-detail{height:320px}.adm-page-head h1,.stat-value{font-size:20px}.stat-card{gap:10px;padding:12px}.stat-icon{width:36px;height:36px}.two-col{grid-template-columns:1fr}}@media (max-width:420px){.stat-grid{grid-template-columns:minmax(0,1fr)}}