:root{--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}:root,:root[data-theme=dark]{--ink: #0b111f;--dusk: #141d33;--dusk-light: #1c2a47;--dusk-border: #263757;--beacon: #2fe6a6;--beacon-dim: rgba(47, 230, 166, .16);--amber: #ffb238;--amber-dim: rgba(255, 178, 56, .16);--red: #f2545b;--red-dim: rgba(242, 84, 91, .16);--info: #5aa9f8;--info-dim: rgba(90, 169, 248, .16);--fog: #94a3c4;--fog-dim: #59698f;--paper: #f6f7fa;--text: #e7ecf7;--text-on-accent: #06231a;--accent-text: #2fe6a6;--shadow-card: 0 1px 2px rgba(0, 0, 0, .24), 0 8px 24px rgba(0, 0, 0, .28);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .5)}:root[data-theme=light]{--ink: #f4f6fb;--dusk: #ffffff;--dusk-light: #eef1f7;--dusk-border: #d6dceb;--beacon: #12c98b;--beacon-dim: rgba(18, 201, 139, .14);--amber: #d98500;--amber-dim: rgba(217, 133, 0, .14);--red: #d93a44;--red-dim: rgba(217, 58, 68, .12);--info: #1f6fd4;--info-dim: rgba(31, 111, 212, .12);--fog: #5b6785;--fog-dim: #8592ad;--paper: #ffffff;--text: #16203a;--text-on-accent: #ffffff;--accent-text: #067a52;--shadow-card: 0 1px 2px rgba(22, 32, 58, .06), 0 6px 18px rgba(22, 32, 58, .08);--shadow-modal: 0 24px 64px rgba(22, 32, 58, .22)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.panel .mono,.card .mono{overflow-wrap:anywhere}td.mono,th.mono{white-space:nowrap}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dusk-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--fog-dim)}.muted{color:var(--fog)}.muted-dim{color:var(--fog-dim)}.app-shell{height:100vh;display:flex;flex-direction:column}.topnav{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);height:60px;flex-shrink:0;background:var(--dusk);border-bottom:1px solid var(--dusk-border);position:relative;z-index:2000}.topnav-brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:18px;flex-shrink:0;white-space:nowrap;max-width:200px;overflow:hidden}.topnav-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--beacon)}.topnav-nav{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.topnav-links{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden}.topnav-link{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);color:var(--fog);text-decoration:none;font-weight:500;cursor:pointer;background:transparent;border:none;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.topnav-link:hover{background:var(--dusk-light);color:var(--text)}.topnav-link.active{background:var(--beacon-dim);color:var(--accent-text)}.topnav-more{position:relative;flex-shrink:0}.topnav-more-menu{position:absolute;top:42px;left:0;min-width:190px;z-index:30;padding:6px;display:flex;flex-direction:column;gap:2px}.topnav-more-menu .topnav-link{width:100%}.topnav-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.credit-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--dusk-light);border:1px solid var(--dusk-border);font-family:var(--font-mono);font-size:13px}.body-shell{flex:1;display:flex;min-height:0}.side-layout{flex:1;min-width:0}.side-rail{width:68px;flex-shrink:0;background:var(--dusk);border-right:1px solid var(--dusk-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;gap:var(--space-1)}.side-rail-btn{width:52px;height:52px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:var(--fog);cursor:pointer;font-size:10px;font-weight:500}.side-rail-btn:hover{background:var(--dusk-light);color:var(--text)}.side-rail-btn.active{background:var(--beacon-dim);color:var(--beacon)}.page{flex:1;min-width:0;overflow:auto;padding:var(--space-6)}.page.no-pad{padding:0;overflow:hidden}.panel{background:var(--dusk);border:1px solid var(--dusk-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--dusk-border)}.panel-body{padding:var(--space-5)}.device-drawer .panel-header{position:sticky;top:0;z-index:1;background:var(--dusk);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card{background:var(--dusk-light);border:1px solid var(--dusk-border);border-radius:var(--radius-md);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:13px;cursor:pointer;transition:filter .15s,background .15s,border-color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(1.08)}.btn-primary{background:var(--beacon);color:var(--text-on-accent)}.btn-secondary{background:var(--dusk-light);color:var(--text);border-color:var(--dusk-border)}.btn-ghost{background:transparent;color:var(--fog)}.btn-ghost:hover{background:var(--dusk-light);color:var(--text)}.btn-danger{background:var(--red-dim);color:var(--red);border-color:#f2545b59}.btn-sm{padding:6px 12px;font-size:12px}.btn-accent{background:var(--beacon-dim);color:var(--accent-text);border-color:#2fe6a659}.btn-info{background:var(--info-dim);color:var(--info);border-color:#5aa9f859}.btn-warn{background:var(--amber-dim);color:var(--amber);border-color:#ffb23859}[data-theme=light] .btn-accent{border-color:#12c98b66}[data-theme=light] .btn-info{border-color:#1f6fd459}[data-theme=light] .btn-warn{border-color:#d9850066}[data-theme=light] .btn-danger{border-color:#d93a4459}.btn-accent:not(:disabled):hover,.btn-info:not(:disabled):hover,.btn-warn:not(:disabled):hover,.btn-danger:not(:disabled):hover{filter:none;background-color:color-mix(in srgb,currentColor 18%,transparent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--fog);cursor:pointer}.icon-btn:hover{background:var(--beacon-dim);color:var(--beacon)}.icon-btn.active{color:var(--beacon);background:var(--beacon-dim)}.icon-btn.danger:hover{background:var(--red-dim);color:var(--red)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{background:transparent;color:var(--fog)}.ident{color:var(--info)}label.field-label{display:block;font-size:12px;font-weight:600;color:var(--fog);margin-bottom:6px}.input,.select,textarea.textarea{width:100%;background:var(--ink);border:1px solid var(--dusk-border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text);outline:none;transition:border-color .15s}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.select:hover{border-color:var(--fog)}.select option{background:var(--dusk);color:var(--text)}.input:focus,.select:focus,textarea.textarea:focus{border-color:var(--beacon)}.input::placeholder,textarea.textarea::placeholder{color:var(--fog-dim)}textarea.textarea{resize:vertical;min-height:72px;font-family:inherit}.field{margin-bottom:var(--space-4)}.field-row{display:flex;gap:var(--space-3)}.field-row>.field{flex:1}.checkbox-row,.radio-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.radio-group{display:flex;gap:var(--space-4)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.status-pill.good{background:var(--beacon-dim);color:var(--beacon)}.status-pill.warn{background:var(--amber-dim);color:var(--amber)}.status-pill.critical{background:var(--red-dim);color:var(--red)}.status-pill.info{background:var(--info-dim);color:var(--info)}.swal2-container{z-index:4000!important}.wp-swal{border:1px solid var(--dusk-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:var(--space-6);font-family:var(--font-body)}.wp-swal-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text);padding:0}.wp-swal-text{color:var(--fog);font-size:14px;line-height:1.55;margin-top:var(--space-3)}.wp-swal-actions{gap:var(--space-2);margin-top:var(--space-6);justify-content:flex-end}.wp-swal .swal2-icon{margin-inline:auto}.wp-swal-toast{padding:var(--space-3) var(--space-4)}.wp-swal-toast .swal2-title{font-size:13px;margin:0}@media(max-width:560px){.wp-swal{width:calc(100vw - var(--space-8));padding:var(--space-5)}.wp-swal-actions{flex-direction:column-reverse}.wp-swal-actions .btn{width:100%;justify-content:center}}.track-flag{background:transparent;border:0}.track-flag svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.doc-code{margin-top:10px;border:1px solid var(--dusk-border);border-radius:var(--radius-md);overflow:hidden}.doc-code-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;padding:7px 10px;font-size:12px;align-items:baseline}.doc-code-row+.doc-code-row{border-top:1px solid var(--dusk-border)}.doc-code-row code{color:var(--accent-text);overflow-x:auto;white-space:pre;display:block}@media(max-width:700px){.doc-code-row{grid-template-columns:1fr;gap:3px}}.attr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0}.attr-label{display:inline-flex;align-items:center;gap:6px;color:var(--fog);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attr-gauge{padding:5px 0}.attr-gauge-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.attr-gauge-track{height:6px;border-radius:3px;background:var(--dusk-light);overflow:hidden;margin:5px 0 3px}.attr-gauge-fill{height:100%;border-radius:3px;transition:width .4s ease,background .4s ease}.attr-gauge-scale{display:flex;align-items:center;color:var(--fog-dim);font-size:10px}.log-pane{background:var(--ink);border:1px solid var(--dusk-border);border-radius:var(--radius-md);max-height:62vh;overflow:auto;padding:8px 0;font-family:var(--font-mono);font-size:12px;line-height:1.5}.log-line{display:flex;gap:10px;padding:0 12px;white-space:pre}.log-line:hover{background:var(--dusk)}.log-line.err .log-text{color:var(--amber)}.log-time{color:var(--fog-dim);flex:0 0 auto}.log-text{flex:1 1 auto}@media(max-width:820px){.swal2-container.swal2-top{padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-3) 0}.wp-swal-toast-phone{width:100%;max-width:none;margin:0;text-align:left}.wp-swal-toast-phone .swal2-title{white-space:normal;overflow-wrap:anywhere;line-height:1.4}}.status-pill.muted{background:var(--dusk-light);color:var(--fog)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;background:var(--dusk-light);color:var(--fog);font-family:var(--font-mono)}.beacon{position:relative;width:8px;height:8px;border-radius:50%;background:var(--beacon);flex-shrink:0}.beacon:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid var(--beacon);animation:beacon-pulse 1.8s ease-out infinite}.beacon.amber{background:var(--amber)}.beacon.amber:after{border-color:var(--amber)}.beacon.red{background:var(--red)}.beacon.red:after{border-color:var(--red)}.beacon.info{background:var(--info)}.beacon.info:after{border-color:var(--info)}.beacon.static:after{display:none}@keyframes beacon-pulse{0%{transform:scale(.6);opacity:.9;box-shadow:0 0 0 0 currentColor}to{transform:scale(1.9);opacity:0}}.table-wrap{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--dusk-border)}table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.data-table thead th{text-align:left;padding:10px 14px;background:var(--dusk-light);color:var(--fog);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--dusk-border);white-space:nowrap;position:sticky;top:0}table.data-table tbody td{padding:10px 14px;border-bottom:1px solid var(--dusk-border);vertical-align:middle}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr:hover{background:#ffffff05}table.data-table .row-actions{display:flex;gap:4px;justify-content:flex-end}.row-menu{position:fixed;z-index:2500;width:210px;padding:4px;background:var(--dusk);border:1px solid var(--dusk-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal)}.row-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text);font-size:13px;text-align:left;cursor:pointer}.row-menu-item:hover{background:var(--dusk-light)}.row-menu-item.danger{color:var(--red)}.row-menu-item.danger:hover{background:var(--red-dim)}.row-menu-separator{height:1px;margin:4px 6px;background:var(--dusk-border)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--dusk-border);flex-wrap:wrap}.select-sm{padding:4px 8px;font-size:12px;width:auto}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--dusk-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{height:4px}.tab{padding:10px 4px;margin-right:var(--space-5);background:none;border:none;color:var(--fog);font-weight:600;font-size:13px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;flex-shrink:0;white-space:nowrap}.tab.active{color:var(--beacon);border-bottom-color:var(--beacon)}.tab:hover:not(.active){color:var(--text)}.subtabs{display:flex;gap:2px;background:var(--ink);border-radius:var(--radius-md);padding:3px}.subtab{padding:6px 12px;background:none;border:none;color:var(--fog);font-size:12px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.subtab.active{background:var(--dusk-light);color:var(--beacon)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070e99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-6)}.modal{background:var(--dusk);border:1px solid var(--dusk-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column}.modal.wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--dusk-border)}.modal-header h3{font-size:16px}.modal-body{padding:var(--space-5);overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--dusk-border)}.modal-footer .spacer{flex:1}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.wrap{flex-wrap:wrap}.text-right{text-align:right}.section-title{font-family:var(--font-display);font-size:20px;margin-bottom:var(--space-1)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--dusk-light);border:1px solid var(--dusk-border);border-radius:var(--radius-pill);font-size:12px}.chip button{background:none;border:none;color:var(--fog);cursor:pointer;padding:0;display:flex}.skeleton{background:linear-gradient(90deg,var(--dusk-light) 25%,var(--dusk-border) 37%,var(--dusk-light) 63%);background-size:400% 100%;animation:skeleton-shine 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shine{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--fog);text-align:center;gap:var(--space-2)}.banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px;margin-bottom:var(--space-4)}.banner.error{background:var(--red-dim);color:var(--red)}.banner.warn{background:var(--amber-dim);color:var(--amber)}.banner.info{background:var(--beacon-dim);color:var(--beacon)}.side-col{flex-shrink:0;overflow:hidden;display:flex;min-height:0;border-right:1px solid var(--dusk-border);opacity:1;transition:width .28s ease,opacity .22s ease,border-color .28s ease}.side-col.collapsed{opacity:0;border-right-color:transparent}.col-divider svg{transition:transform .28s ease}.col-divider{width:14px;flex-shrink:0;align-self:center;height:64px;display:flex;align-items:center;justify-content:center;background:var(--dusk-light);border:1px solid var(--dusk-border);border-left:none;border-radius:0 8px 8px 0;color:var(--fog);cursor:pointer;padding:0;z-index:5}.col-divider:hover{color:var(--beacon);background:var(--dusk)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--beacon);box-shadow:0 0 0 0 var(--beacon-dim);animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 0 0 var(--beacon-dim)}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.geo-handle-icon{background:none;border:none}.geo-handle{display:block;width:14px;height:14px;border-radius:50%;background:var(--handle, #2fe6a6);border:2px solid #0b111f;box-shadow:0 1px 4px #00000080;cursor:grab;transition:transform .12s ease}.geo-handle:hover{transform:scale(1.25)}.geo-handle:active{cursor:grabbing}.geo-handle.hollow{background:#0b111fa6;border-color:var(--handle, #2fe6a6);opacity:.75;cursor:copy}.geo-handle.hollow:hover{opacity:1}@media(max-width:820px){.geo-handle-icon{margin:-7px 0 0 -7px;padding:7px}}.chart-tooltip{position:absolute;bottom:100%;transform:translate(-50%,-8px);z-index:5;padding:8px 10px;font-size:11px;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-card)}.veh-cluster-icon{background:none;border:none}.veh-cluster{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#0b111f;font-weight:700;font-size:13px;border:2px solid rgba(11,17,31,.35);box-shadow:0 2px 10px #00000059;transition:transform .15s ease}.veh-cluster:hover{transform:scale(1.06)}.veh-cluster.moving{background:#2fe6a6}.veh-cluster.idling{background:#ffb238}.veh-cluster.parked{background:#f2545b}.veh-cluster.offline,.veh-cluster.inactive{background:#94a3c4}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--dusk-light) 0%,var(--dusk-border) 50%,var(--dusk-light) 100%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.notification-bell{position:relative}.notification-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--dusk)}.notification-panel{position:absolute;right:0;top:40px;width:340px;z-index:10;padding:0;overflow:hidden}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--dusk-border)}.notification-list{max-height:380px;overflow:auto}.notification-item{width:100%;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;border-bottom:1px solid var(--dusk-border)}.notification-item:hover{background:var(--dusk-light)}.notification-item.unread{background:var(--beacon-dim)}.notification-panel-footer{width:100%;padding:10px;border:none;background:var(--dusk-light);color:var(--accent-text);font-size:12px;font-weight:600;cursor:pointer}.notification-panel-footer:hover{background:var(--dusk-border)}@media(max-width:820px){.notification-panel{position:fixed;top:58px;left:var(--space-3);right:var(--space-3);width:auto}.notification-list{max-height:min(380px,calc(100dvh - 190px))}}.logo-preview{width:128px;height:64px;border:1px dashed var(--dusk-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--ink);flex-shrink:0;overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.color-swatch{width:42px;height:40px;padding:0;border:1px solid var(--dusk-border);border-radius:var(--radius-md);background:none;cursor:pointer}.color-swatch::-webkit-color-swatch-wrapper{padding:3px}.color-swatch::-webkit-color-swatch{border:none;border-radius:4px}.color-swatch::-moz-color-swatch{border:none;border-radius:4px}.device-picker-option{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;color:var(--text);border-radius:6px;cursor:pointer;font-size:13px;text-align:left}.device-picker-option:hover{background:var(--dusk-light)}.device-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer}.device-row:hover{background:var(--dusk-light)}.device-row.selected{background:var(--beacon-dim)}.device-row-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dusk-light);flex-shrink:0}.device-row-main{flex:1;min-width:0}.device-row-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-row-trailing{position:relative;flex-shrink:0;width:132px;height:28px;display:flex;align-items:center;justify-content:flex-end}.device-row-age{font-size:11px;white-space:nowrap;transition:opacity .12s}.device-row-actions{position:absolute;right:0;display:flex;gap:2px;opacity:0;pointer-events:none;transition:opacity .12s}.device-row:hover .device-row-age{opacity:0}.device-row:hover .device-row-actions{opacity:1;pointer-events:auto}.veh-div-icon{background:transparent;border:none}.veh-marker{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0b111f;box-shadow:0 2px 10px #00000073;position:relative}.veh-marker.selected{outline:2px solid #f6f7fa;outline-offset:1px}.veh-sprite{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.veh-sprite img{width:30px;height:30px;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .4s ease}.veh-sprite.selected:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px solid #f6f7fa}.veh-sprite.moving:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--beacon);animation:beacon-pulse 1.8s ease-out infinite;pointer-events:none}.veh-sprite.inactive img{opacity:.65}.veh-sprite.followed,.veh-marker.followed{border-radius:50%;box-shadow:0 0 0 2px var(--amber),0 0 10px 2px #ffb2388c}.veh-marker.moving:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--beacon);animation:beacon-pulse 1.8s ease-out infinite;pointer-events:none}.leaflet-container{background:var(--ink);font-family:var(--font-body)}.leaflet-tooltip{background:var(--dusk);border:1px solid var(--dusk-border);color:var(--text);font-family:var(--font-mono);font-size:11px;border-radius:6px;box-shadow:var(--shadow-card)}.leaflet-tooltip-top:before{border-top-color:var(--dusk-border)}.geofence-label{background:#0b111fb8;border:none;box-shadow:none;font-family:var(--font-body);font-weight:600;white-space:nowrap}.geofence-label:before{display:none}.leaflet-control-scale-line{background:#141d33cc;color:var(--text);border-color:var(--dusk-border)}.leaflet-control-attribution{background:#141d33cc!important;color:var(--fog)!important;font-size:10px}.leaflet-control-attribution a{color:var(--fog)}.protocol-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-bottom:1px solid var(--dusk-border);color:var(--text);cursor:pointer;text-align:left}.protocol-option:hover{background:var(--dusk-light)}.protocol-option:last-child{border-bottom:none}.telemetry-pick{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;font-size:12px;border-radius:6px}.telemetry-pick:hover{background:var(--dusk-light)}.telemetry-pick.on{color:var(--beacon)}.mobile-nav,.install-prompt{display:none}.offline-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:var(--amber-dim);color:var(--amber);font-size:12px;font-weight:600;flex-shrink:0}@media(max-width:820px){.app-shell{height:100dvh}.topnav{height:52px;padding:0 var(--space-3);gap:var(--space-2)}.topnav-links,.topnav .col-divider{display:none}.topnav-brand{font-size:14px}.credit-pill{display:none}.page{padding:var(--space-3)}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.page-header .input,.page-header .select{width:100%!important}.page .input:not(.panel),.page .select:not(.panel),.page .textarea{width:100%!important;max-width:100%}.page input[type=checkbox],.page input[type=radio]{width:auto!important}.range-sep{display:none}.page>.flex.gap-2.wrap{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.page>.flex.gap-2.wrap>.btn{flex-shrink:0}.page.no-pad{position:relative}.side-col{position:absolute;top:0;bottom:0;left:0;z-index:1003;background:var(--ink);box-shadow:var(--shadow-card);max-width:86vw}.side-col.collapsed{box-shadow:none}.col-divider{width:20px;height:76px;z-index:1004}.page.no-pad .col-divider{display:none}.side-layout{position:relative}.drawer-tabs{display:flex;gap:2px;padding:3px;flex-shrink:0}.drawer-tabs button{display:flex;align-items:center;gap:5px;padding:7px 10px;min-height:34px;background:none;border:none;border-radius:7px;color:var(--fog);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer}.drawer-tabs button.on{background:var(--beacon-dim);color:var(--beacon)}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1002;background:transparent;border:none;padding:0;cursor:default}.map-legend{display:none}.panel.device-drawer{top:auto!important;right:8px!important;left:8px!important;bottom:8px!important;width:auto!important;max-height:62dvh}.panel.device-drawer.sheet{display:flex;flex-direction:column;border-radius:16px 16px 12px 12px;max-height:none;overflow:hidden;transition:height .24s ease}.panel.device-drawer.sheet:not(.sheet-expanded){height:auto}.panel.device-drawer.sheet.sheet-expanded{height:78dvh}.panel.device-drawer.sheet .panel-header{position:relative;padding-top:16px;flex-shrink:0;user-select:none;-webkit-user-select:none}.panel.device-drawer.sheet .panel-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-grabber{position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:var(--radius-pill);background:var(--dusk-border)}.sheet-peek{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;white-space:nowrap;margin-right:var(--space-3)}.doc-layout{flex-direction:column}.doc-layout>.panel{width:100%!important}.modal{width:calc(100vw - 24px)!important;max-height:88dvh}.table-wrap,.panel-body{overflow-x:auto;-webkit-overflow-scrolling:touch}.field-row{flex-direction:column;gap:0}.body-shell{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:2100;background:var(--dusk);border-top:1px solid var(--dusk-border);padding-bottom:env(safe-area-inset-bottom)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px;background:none;border:none;color:var(--fog);font-size:10px;font-weight:600;cursor:pointer;min-height:54px;text-decoration:none}.mobile-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab.active{color:var(--beacon)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background:#00000080;border:none;padding:0}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:2101;background:var(--dusk);border-top:1px solid var(--dusk-border);border-radius:16px 16px 0 0;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);max-height:70dvh;overflow-y:auto}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--dusk-border)}.mobile-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:4px;padding:12px}.mobile-sheet-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;background:none;border:1px solid transparent;border-radius:10px;color:var(--text);font-size:11px;cursor:pointer}.mobile-sheet-item:active{background:var(--dusk-light);border-color:var(--dusk-border)}.install-prompt{display:flex;align-items:center;gap:10px;position:fixed;left:8px;right:8px;bottom:calc(62px + env(safe-area-inset-bottom));z-index:2050;padding:10px 12px;background:var(--dusk);border:1px solid var(--dusk-border);border-radius:12px;box-shadow:var(--shadow-card)}.icon-btn{min-width:34px;min-height:34px}.device-row-actions{opacity:1;pointer-events:auto}}@media(min-width:821px)and (max-width:1100px){.page{padding:var(--space-4)}.side-col:not(.collapsed),.side-col:not(.collapsed)>*{width:244px!important}.panel.device-drawer{width:272px!important;right:56px!important}}.share-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px var(--space-4);background:var(--dusk);border-bottom:1px solid var(--dusk-border);flex:0 0 auto}.share-panel{position:absolute;z-index:1000;left:var(--space-4);bottom:var(--space-4);max-width:320px;padding:var(--space-4);background:var(--dusk);border:1px solid var(--dusk-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.share-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.share-card{max-width:420px;padding:var(--space-5, 24px);background:var(--dusk);border:1px solid var(--dusk-border);border-radius:var(--radius-md);text-align:center}@media(max-width:620px){.share-panel{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:none}}