@font-face{font-family:D-DIN;src:url(/fonts/D-DIN.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:D-DIN;src:url(/fonts/D-DIN-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink-950:#10282e;--ink-900:#15343a;--ink-800:#1e4850;--ink-700:#345d64;--ink-600:#55737a;--ink-500:#738b90;--ink-400:#98aaad;--ink-300:#c5d0d2;--ink-200:#dbe3e4;--ink-100:#edf2f2;--ink-50:#f5f8f8;--teal-700:#176f69;--teal-600:#16847c;--teal-500:#0f9f8f;--teal-400:#22b8a7;--teal-100:#d9f2ee;--teal-50:#ecf9f7;--coral-600:#cc334f;--coral-500:#e54862;--coral-100:#fde3e7;--coral-50:#fff2f4;--amber-600:#bd7f04;--amber-500:#e9a50b;--amber-100:#faedc5;--amber-50:#fff9e9;--blue-600:#2866b8;--blue-500:#3178d5;--blue-100:#dceafd;--blue-50:#f0f6fe;--violet-600:#6446c1;--violet-500:#7556d8;--violet-100:#e9e3fb;--violet-50:#f7f4fe;--surface:#fff;--canvas:#f3f6f6;--border:#dfe6e7;--border-soft:#e9eeee;--shadow-sm:0 1px 2px #10282e0a;--shadow:0 1px 2px #10282e09, 0 8px 24px #10282e0e;--shadow-lg:0 18px 46px #10282e24;--line-1:#2563eb;--line-2:#e9a50b;--line-3:#00a98f;--line-4:#23a455;--line-5:#e54862;--line-6:#f97316;--line-7:#7556d8;--line-8:#c13f9e;--line-11:#1198c4}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink-950);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:D-DIN,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0f9f8f3d}button:disabled{cursor:not-allowed;opacity:.65}::selection{background:#0f9f8f33}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:14px;font-weight:700;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--teal-600), var(--teal-700));color:#fff;box-shadow:0 5px 13px #176f6933}.primary-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #176f6947}.primary-button.success{background:linear-gradient(135deg,#1c9b68,#187c58)}.secondary-button{border:1px solid var(--border);color:var(--ink-800);box-shadow:var(--shadow-sm);background:#fff}.secondary-button:hover,.ghost-button:hover{background:var(--ink-50);border-color:var(--ink-300)}.ghost-button{color:var(--ink-600);background:0 0;border:1px solid #0000}.primary-button.compact,.secondary-button.compact{min-height:34px;padding:6px 10px;font-size:13px}.ghost-button.full{border-color:var(--border);width:100%}.icon-button{background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s;display:inline-flex}.icon-button.subtle{color:var(--ink-500)}.icon-button.subtle:hover{background:var(--ink-100);color:var(--ink-900)}.icon-button.bordered{border:1px solid var(--border);color:var(--ink-600)}.live-orb{background:#23ba79;border:2px solid #ffffffd9;border-radius:999px;flex:none;width:9px;height:9px;animation:1.8s ease-out infinite livePulse;display:inline-block;box-shadow:0 0 0 3px #23ba792e}@keyframes livePulse{0%,45%{box-shadow:0 0 0 3px #23ba792e}80%,to{box-shadow:0 0 0 7px #23ba7900}}.login-page{background:radial-gradient(circle at 15% 12%,#27a59621,#0000 30%),radial-gradient(circle at 86% 80%,#3178d51a,#0000 32%),linear-gradient(145deg,#f3fbf9 0%,#eaf4f4 48%,#eef4f8 100%);justify-content:center;align-items:center;min-height:100svh;padding:38px 20px;display:flex;position:relative;overflow:hidden}.login-route-lines{opacity:.4;pointer-events:none;position:absolute;inset:0}.login-route-lines svg{width:100%;height:100%}.login-route-lines path{fill:none;stroke:#9dc7c4;stroke-dasharray:7 8;stroke-linecap:round;stroke-width:1.2px}.login-route-lines path:nth-child(2){stroke:#aabed0}.login-route-lines path:nth-child(3){stroke:#d7aaa9}.login-route-lines circle{fill:#fff;stroke:var(--teal-500);stroke-width:2px}.login-shell{z-index:2;width:100%;max-width:430px;position:relative}.login-brand{text-align:center;margin-bottom:24px}.brand-lockup{justify-content:center;align-items:center;gap:12px;display:inline-flex}.brand-lockup img{width:auto;height:61px}.product-badge{color:#fff;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(145deg,#1fa99d,#176f69);border:1px solid #ffffff47;border-radius:6px;padding:8px 12px 7px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 3px 8px #176f6938}.login-brand>p{color:var(--ink-700);margin:9px 0 0;font-size:17px}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffffd6;border-radius:20px;padding:30px;box-shadow:0 22px 65px #254b5229,0 2px 4px #254b520f}.login-card-heading{align-items:center;gap:12px;margin-bottom:25px;display:flex}.login-card-icon{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.login-card-heading h1{letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.15}.login-card-heading p{color:var(--ink-500);margin:4px 0 0;font-size:14px}.field-label{color:var(--ink-800);margin:0 0 7px;font-size:13px;font-weight:700;display:block}.field-row{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.field-row .field-label{margin:0 0 7px}.text-link{color:var(--teal-700);background:0 0;border:0;margin-bottom:7px;padding:0;font-size:12px;font-weight:700}.text-input{border:1px solid var(--ink-300);color:var(--ink-950);background:#fff;border-radius:9px;width:100%;height:44px;padding:0 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--teal-500);outline:0;box-shadow:0 0 0 3px #0f9f8f1f}.password-field{position:relative}.password-field .text-input{padding-right:42px}.password-field>button{color:var(--ink-500);background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:38px;display:flex;position:absolute;top:3px;right:4px}.remember-row{color:var(--ink-600);cursor:pointer;align-items:center;gap:8px;margin:16px 0 20px;font-size:13px;display:flex}.remember-row input{accent-color:var(--teal-600);width:15px;height:15px}.totp-input{font-variant-numeric:tabular-nums;letter-spacing:.32em;text-align:center;font-size:18px}.login-error{background:var(--coral-50);border:1px solid var(--coral-100);color:var(--coral-500);border-radius:9px;align-items:flex-start;gap:8px;margin:-8px 0 14px;padding:9px 10px;font-size:12px;display:flex}.login-error svg{flex:none}.login-button{width:100%;height:44px;font-size:15px}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-note{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:10px;align-items:flex-start;gap:9px;margin-top:18px;padding:11px 12px;display:flex}.demo-note>svg{flex:none;margin-top:1px}.demo-note p{flex-direction:column;gap:2px;margin:0;font-size:12px;display:flex}.demo-note p span{color:var(--ink-600)}.login-mobile-link{border-top:1px solid var(--border-soft);color:var(--ink-500);justify-content:center;align-items:center;gap:7px;margin-top:18px;padding-top:17px;font-size:12px;display:flex}.login-mobile-link a{color:var(--teal-700);font-weight:700;text-decoration:none}.login-trust{color:var(--ink-600);justify-content:center;align-items:center;gap:22px;margin-top:18px;font-size:12px;display:flex}.login-trust>span{align-items:center;gap:6px;display:flex}.login-trust .system-ok i{background:#23ba79;border-radius:50%;width:7px;height:7px}.auth-loading{background:radial-gradient(circle at 50% 35%, #27a5961f, transparent 32%), var(--canvas);color:var(--ink-600);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;display:flex}.auth-loading img{width:54px;height:54px}.auth-loading .button-spinner{border-color:#137e7733;border-top-color:var(--teal-600);width:20px;height:20px}.auth-loading p{margin:0;font-size:13px}.auth-loading h1{color:var(--ink-900);margin:4px 0 0;font-size:24px}.access-denied{text-align:center;padding:24px}.access-denied .primary-button{margin-top:8px}.login-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);color:var(--teal-700);z-index:1;background:#ffffffba;border:1px solid #ffffffe0;border-radius:13px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute}.login-status>div{flex-direction:column;display:flex}.login-status strong{color:var(--ink-800);font-size:13px}.login-status span{color:var(--ink-500);font-size:11px}.login-status-left{top:22%;left:max(5vw,40px);transform:rotate(-2deg)}.login-status-right{bottom:19%;right:max(5vw,40px);transform:rotate(2deg)}.pulse-app{background:var(--canvas);min-height:100svh;container:pulse/inline-size}.pulse-app.mobile-preview{max-width:430px;min-height:100svh;margin:0 auto;overflow-x:clip;box-shadow:0 0 55px #10282e38}body:has(.mobile-preview){background:#dce6e6}.app-header{color:#fff;z-index:80;background:linear-gradient(105deg,#173d43 0%,#195b5a 48%,#176f69 100%);position:sticky;top:0;box-shadow:0 3px 12px #10282e2e}.header-inner{align-items:center;gap:20px;max-width:1640px;height:68px;margin:0 auto;padding:0 24px;display:flex}.header-brand{background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0;display:flex}.header-brand img{object-fit:contain;width:100px;height:41px}.product-badge-header{background:#ffffff24;border-color:#ffffff38;padding:6px 8px 5px;font-size:10px;box-shadow:inset 0 1px #ffffff24}.desktop-nav{align-items:center;gap:4px;height:100%;margin-left:16px;display:flex}.desktop-nav>button{color:#ffffffc2;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 13px;font-size:14px;font-weight:700;transition:background .16s,color .16s;display:flex;position:relative}.desktop-nav>button:hover{color:#fff;background:#ffffff17}.desktop-nav>button.active{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff14}.desktop-nav>button.active:after{content:"";background:#5be1cc;border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:-13px;left:15px;right:15px}.header-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.ingestion-status{border-right:1px solid #ffffff29;align-items:center;gap:8px;margin-right:6px;padding-right:14px;display:flex}.ingestion-status .live-orb{border-color:#173d43b3}.ingestion-status>div{flex-direction:column;line-height:1.05;display:flex}.ingestion-status strong{color:#77ead8;letter-spacing:.12em;font-size:10px}.ingestion-status small{color:#ffffffb8;margin-top:3px;font-size:10px}.header-icon-button{color:#fffc;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s,color .15s;display:flex;position:relative}.header-icon-button:hover,.header-icon-button.active{color:#fff;background:#ffffff1f}.notification-count{background:var(--coral-500);color:#fff;border:2px solid #195c5b;border-radius:99px;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:flex;position:absolute;top:1px;right:1px}.account-button{color:#fff;background:0 0;border:0;border-left:1px solid #ffffff29;align-items:center;gap:8px;margin-left:4px;padding:2px 0 2px 12px;display:flex}.user-avatar{color:#195b5a;background:linear-gradient(145deg,#d7f3ee,#b7dfdb);border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-flex}.header-avatar{border:2px solid #ffffff38}.account-copy{text-align:left;flex-direction:column;min-width:90px;display:flex}.account-copy strong{font-size:12px}.account-copy small{color:#ffffff9e;font-size:10px}.header-popover-wrap{position:relative}.header-popover{border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--ink-900);z-index:100;background:#fff;border-radius:13px;width:330px;animation:.16s ease-out popoverIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}@keyframes popoverIn{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:none}}.notifications-popover>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.notifications-popover>header>div{flex-direction:column;display:flex}.notifications-popover>header strong{font-size:15px}.notifications-popover>header span{color:var(--ink-500);font-size:11px}.notifications-popover>header button{color:var(--teal-700);background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.notification-item{border:0;border-bottom:1px solid var(--border-soft);text-align:left;background:#fff;align-items:flex-start;gap:10px;width:100%;padding:12px 15px;display:flex}.notification-item:hover{background:var(--ink-50)}.notification-item>span:last-child{flex-direction:column;gap:4px;display:flex}.notification-item strong{font-size:12px}.notification-item small{color:var(--ink-500);font-size:10px}.popover-footer{background:var(--ink-50);color:var(--teal-700);border:0;width:100%;padding:11px;font-size:12px;font-weight:700}.profile-popover{width:275px;padding:8px}.profile-summary{align-items:center;gap:10px;padding:8px;display:flex}.profile-summary>div{flex-direction:column;display:flex}.profile-summary strong{font-size:13px}.profile-summary span{color:var(--ink-500);font-size:11px}.profile-role{background:var(--teal-50);color:var(--teal-700);border-radius:7px;align-items:center;gap:5px;margin:3px 6px 8px;padding:7px 8px;font-size:10px;font-weight:700;display:flex}.profile-popover>button{color:var(--ink-700);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:12px;display:flex}.profile-popover>button:hover{background:var(--ink-50);color:var(--ink-950)}.profile-popover>button.logout-row{border-top:1px solid var(--border-soft);color:var(--coral-600);margin-top:4px;padding-top:12px}.mobile-menu-button,.mobile-header-menu,.mobile-bottom-nav{display:none}.demo-banner{color:var(--teal-700);letter-spacing:.04em;text-transform:uppercase;background:#e5f4f1;border-bottom:1px solid #cde7e3;justify-content:center;align-items:center;min-height:26px;padding:4px 12px;font-size:10px;font-weight:700;display:flex}.demo-banner>span,.demo-banner>button{align-items:center;gap:5px;display:flex}.demo-banner>button{color:inherit;text-transform:uppercase;background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:700}.app-main{max-width:1640px;margin:0 auto;padding:24px}.view{animation:.25s ease-out viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.view-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:var(--teal-700);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:5px;font-size:11px;font-weight:700;display:inline-flex}.view-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.4vw,34px);line-height:1.08}.view-heading>div:first-child>p{color:var(--ink-600);margin:7px 0 0;font-size:14px}.view-heading-actions{align-items:center;gap:13px;display:flex}.sync-label{color:var(--ink-500);align-items:center;gap:5px;font-size:11px;display:flex}.sync-label strong{color:var(--ink-700)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.metric-card{align-items:center;gap:11px;min-height:79px;padding:13px 14px;display:flex}.metric-icon,.summary-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.metric-icon.teal,.summary-icon.teal{background:var(--teal-50);color:var(--teal-600)}.metric-icon.coral,.summary-icon.coral{background:var(--coral-50);color:var(--coral-500)}.metric-icon.blue,.summary-icon.blue{background:var(--blue-50);color:var(--blue-500)}.metric-icon.violet,.summary-icon.violet{background:var(--violet-50);color:var(--violet-500)}.summary-icon.amber{background:var(--amber-50);color:var(--amber-600)}.metric-card>div{flex-direction:column;min-width:0;display:flex}.metric-card>div>span{color:var(--ink-500);font-size:11px}.metric-card>div>strong{margin-top:3px;font-size:22px;line-height:1.1}.metric-card>div>strong small{color:var(--ink-400);font-size:12px;font-weight:400}.metric-delta{white-space:nowrap;border-radius:6px;align-items:center;gap:3px;margin-left:auto;padding:4px 6px;font-size:9px;font-weight:700;display:inline-flex}.metric-delta.positive{background:var(--teal-50);color:var(--teal-700)}.metric-delta.critical{background:var(--coral-50);color:var(--coral-600)}.filter-bar{align-items:center;gap:10px;min-height:55px;margin-bottom:14px;padding:9px 12px;display:flex}.filter-bar-label{color:var(--ink-800);white-space:nowrap;align-items:center;gap:6px;padding-right:4px;font-size:12px;font-weight:700;display:flex}.search-control{border:1px solid var(--border);color:var(--ink-400);background:#fff;border-radius:8px;align-items:center;gap:7px;min-width:170px;height:35px;padding:0 10px;display:flex}.search-control:focus-within{border-color:var(--teal-500);box-shadow:0 0 0 3px #0f9f8f1a}.search-control input{color:var(--ink-900);background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:12px}.search-control input::placeholder{color:var(--ink-400)}.search-control>button{color:var(--ink-400);background:0 0;border:0;align-items:center;padding:0;display:flex}.search-control.grow{flex:1}.select-control{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:5px;height:35px;padding:0 8px 0 10px;display:flex}.select-control>span{color:var(--ink-400);text-transform:uppercase;font-size:10px}.select-control select{appearance:none;color:var(--ink-800);background:0 0;border:0;outline:0;padding:0 14px 0 0;font-size:12px;font-weight:700}.filter-clear{min-height:34px;padding:6px 9px;font-size:11px}.filter-result{color:var(--ink-400);white-space:nowrap;margin-left:auto;font-size:10px}.map-signal-layout{grid-template-columns:minmax(0,1fr) minmax(325px,360px);gap:14px;min-height:610px;display:grid}.map-card{min-height:610px;overflow:hidden}.map-canvas{height:100%;min-height:608px;position:relative;overflow:hidden}.network-map{width:100%;height:100%;min-height:608px;display:block}.map-zoom-group{transition:transform .22s}.map-blocks path{fill:#e8eeec;stroke:#dde5e4;stroke-width:1px}.map-roads path{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:8px}.map-roads path:nth-child(odd){stroke-width:5px}.water-label{fill:#79a6aa;letter-spacing:.08em;font-size:10px;font-style:italic}.district-labels text{fill:#a9b8b7;letter-spacing:.16em;font-size:9px;font-weight:700}.track-case{fill:none;stroke:#fffffff0;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.track-color{fill:none;opacity:.88;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.3px}.map-stops circle:first-child{fill:#fff;stroke:#748c8e;stroke-width:1.2px}.map-stops circle:nth-child(2){fill:#748c8e}.map-stops text{fill:#667e80;paint-order:stroke;stroke:#f2f6f5eb;stroke-width:3px;font-size:8px;font-weight:700}.vehicle-marker{cursor:pointer;outline:0;transition:transform 1.05s linear}.vehicle-halo{fill:#fff;stroke:#10282e1f;stroke-width:1px}.vehicle-direction{fill:#fff;pointer-events:none}.vehicle-label rect{fill:#142f35e3}.vehicle-label text{fill:#fff;letter-spacing:.01em;font-size:7.7px;font-weight:700}.vehicle-marker.offline .vehicle-label rect{fill:#53656ae0}.vehicle-marker.selected .vehicle-halo{stroke:var(--ink-900);stroke-width:1.8px}.vehicle-pulse{fill:none;stroke:var(--teal-600);stroke-width:1.4px;animation:1.6s ease-out infinite mapVehiclePulse}@keyframes mapVehiclePulse{0%{opacity:.7;r:10}to{opacity:0;r:23}}.map-topbar{align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.map-location,.map-updated{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:var(--ink-700);background:#ffffffe0;border:1px solid #dae4e4eb;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:6px 9px;font-size:10px;font-weight:700;display:flex;box-shadow:0 2px 7px #10282e14}.map-location svg{color:var(--teal-600)}.map-updated{margin-left:auto}.map-updated i,.signal-feed-footer i,.source-connected i,.user-active i{background:#23ba79;border-radius:50%;width:7px;height:7px}.map-controls{border:1px solid var(--border);background:#ffffffed;border-radius:9px;flex-direction:column;display:flex;position:absolute;top:56px;right:13px;overflow:visible;box-shadow:0 3px 12px #10282e1c}.map-controls>button,.map-control-wrap>button{border:0;border-bottom:1px solid var(--border-soft);color:var(--ink-600);background:0 0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.map-control-wrap>button{border-bottom:0}.map-controls button:hover,.map-controls button.active{background:var(--teal-50);color:var(--teal-700)}.map-control-wrap{position:relative}.map-layer-popover{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:9px;flex-direction:column;gap:7px;width:160px;padding:11px;display:flex;position:absolute;top:-2px;right:42px}.map-layer-popover strong{margin-bottom:2px;font-size:11px}.map-layer-popover label{color:var(--ink-600);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.map-layer-popover input{accent-color:var(--teal-600)}.map-line-legend{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid var(--border);background:#ffffffe6;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex;position:absolute;bottom:12px;left:12px}.map-line-legend span{color:var(--ink-600);align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.map-line-legend i{border-radius:50%;width:7px;height:7px}.map-vehicle-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#fffffff0;border-radius:11px;align-items:center;gap:10px;width:calc(100% - 200px);max-width:440px;min-height:54px;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #10282e1c}.status-dot{background:var(--teal-500);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.critical,.status-dot.offline{background:var(--coral-500)}.status-dot.warning,.status-dot.watch{background:var(--amber-500)}.status-dot.info{background:var(--blue-500)}.map-vehicle-main{flex-direction:column;flex:1;min-width:0;display:flex}.map-vehicle-main strong{font-size:12px}.map-vehicle-main span{color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.map-vehicle-speed{align-items:baseline;gap:2px;display:flex}.map-vehicle-speed strong{font-size:18px}.map-vehicle-speed span{color:var(--ink-500);font-size:8px}.status-pill{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);white-space:nowrap;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.status-pill.critical{background:var(--coral-50);border-color:var(--coral-100);color:var(--coral-600)}.status-pill.watch,.status-pill.warning{background:var(--amber-50);border-color:var(--amber-100);color:var(--amber-600)}.status-pill.offline{background:var(--ink-100);border-color:var(--ink-200);color:var(--ink-600)}.signal-feed{flex-direction:column;height:610px;min-height:0;display:flex;overflow:hidden}.signal-feed-header{flex:none;justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.section-kicker{color:var(--ink-500);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.section-kicker .live-orb{border-width:1px;width:7px;height:7px}.signal-feed-header h2,.panel-heading h2,.studio-insights h2{letter-spacing:-.02em;margin:3px 0 0;font-size:18px}.signal-tabs{border-bottom:1px solid var(--border-soft);flex:none;gap:3px;padding:0 12px 9px;display:flex}.signal-tabs button{color:var(--ink-500);background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:700;display:flex}.signal-tabs button span{background:var(--ink-100);color:var(--ink-600);border-radius:9px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:flex}.signal-tabs button:hover,.signal-tabs button.active{background:var(--teal-50);color:var(--teal-700)}.signal-tabs button.active.critical{background:var(--coral-50);color:var(--coral-600)}.signal-tabs button.active.warning{background:var(--amber-50);color:var(--amber-600)}.signal-list{overscroll-behavior:contain;scrollbar-color:var(--ink-300) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:2px 12px 8px;overflow-y:auto}.signal-item{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:12px 1px 10px;display:grid;position:relative}.signal-item+.signal-item{border-top:1px solid var(--border-soft)}.signal-item.acknowledged{opacity:.64}.signal-rail{flex-direction:column;align-items:center;display:flex;position:relative}.signal-icon{background:var(--blue-50);color:var(--blue-500);border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.signal-item.critical .signal-icon{background:var(--coral-50);color:var(--coral-500)}.signal-item.warning .signal-icon{background:var(--amber-50);color:var(--amber-600)}.signal-rail>i{background:var(--border);width:1px;position:absolute;top:28px;bottom:-11px}.signal-content{min-width:0}.signal-meta-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.severity-text{color:var(--blue-600);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:700}.severity-text.critical{color:var(--coral-600)}.severity-text.warning{color:var(--amber-600)}.signal-time{color:var(--ink-400);align-items:center;gap:3px;font-size:9px;display:flex}.signal-title{color:var(--ink-900);text-align:left;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;line-height:1.2;display:block}.signal-title:hover{color:var(--teal-700)}.signal-content>p{color:var(--ink-500);margin:4px 0 7px;font-size:10px;line-height:1.35}.signal-reading{background:var(--ink-50);border:1px solid var(--border-soft);border-radius:7px;justify-content:space-between;align-items:center;min-height:35px;padding:5px 7px;display:flex}.vehicle-chip{border:1px solid var(--border);color:var(--ink-700);background:#fff;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:9px;font-weight:700;display:inline-flex}.vehicle-chip i{border-radius:50%;width:6px;height:6px}.signal-reading>span{flex-direction:column;align-items:flex-end;display:flex}.signal-reading strong{color:var(--ink-900);font-size:11px}.signal-reading small{color:var(--ink-400);font-size:8px}.signal-actions{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.signal-actions button{background:0 0;border:0;padding:2px 0;font-size:9px;font-weight:700}.signal-actions .ack{color:var(--teal-700)}.signal-actions .ack.done{align-items:center;gap:3px;display:flex}.signal-actions .open-signal{color:var(--ink-500);align-items:center;gap:1px;display:flex}.signal-feed-footer{background:var(--ink-50);border-top:1px solid var(--border-soft);flex:none;justify-content:space-between;align-items:center;min-height:40px;padding:7px 13px;display:flex}.signal-feed-footer span{color:var(--ink-500);align-items:center;gap:5px;font-size:9px;display:flex}.signal-feed-footer button{color:var(--teal-700);background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.goal-card{background:linear-gradient(135deg,#effaf7,#f5fbfb);border:1px solid #cce9e4;border-radius:13px;align-items:center;gap:12px;max-width:430px;min-height:66px;padding:8px 12px 8px 9px;display:flex}.goal-ring{background:conic-gradient(var(--teal-500) var(--progress), var(--teal-100) 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.goal-ring:before{content:"";background:#f4fbf9;border-radius:50%;position:absolute;inset:5px}.goal-ring span{color:var(--teal-700);font-size:12px;font-weight:700;position:relative}.goal-card>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.goal-card>div:nth-child(2)>span{color:var(--teal-700);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.goal-card>div:nth-child(2) strong{color:var(--ink-900);margin-top:2px;font-size:12px}.goal-card>div:nth-child(2) small{color:var(--ink-500);margin-top:2px;font-size:9px}.goal-card>svg{color:var(--teal-600);flex:none}.fleet-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.fleet-summary{align-items:center;gap:10px;min-height:70px;padding:11px 12px;display:flex}.fleet-summary>div{flex-direction:column;flex:1;min-width:0;display:flex}.fleet-summary>div span{color:var(--ink-500);font-size:10px}.fleet-summary>div strong{margin-top:2px;font-size:14px}.mini-trend{white-space:nowrap;align-items:center;gap:2px;font-size:9px;font-weight:700;display:flex}.mini-trend.positive{color:var(--teal-700)}.mini-trend.critical{color:var(--coral-600)}.fleet-workspace{grid-template-columns:minmax(680px,1.75fr) minmax(330px,.72fr);align-items:start;gap:14px;display:grid}.fleet-list-panel{min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:14px 15px 12px;display:flex}.panel-heading>div{flex-direction:column;display:flex}.panel-heading h2{margin:0}.panel-heading p{color:var(--ink-500);margin:3px 0 0;font-size:10px}.fleet-filters{border-bottom:1px solid var(--border-soft);background:#fbfcfc;align-items:center;gap:8px;padding:9px 12px;display:flex}.compact-select{min-width:112px;position:relative}.compact-select select{width:100%;padding-right:18px}.compact-select>svg{color:var(--ink-400);pointer-events:none;position:absolute;right:8px}.fleet-table-wrap{min-width:0;overflow-x:auto}.fleet-table{border-collapse:collapse;width:100%;min-width:800px}.fleet-table th{background:var(--ink-50);border-bottom:1px solid var(--border-soft);color:var(--ink-500);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:9px 10px;font-size:9px;font-weight:700}.fleet-table td{border-bottom:1px solid var(--border-soft);color:var(--ink-700);vertical-align:middle;padding:9px 10px;font-size:11px}.fleet-table tr:last-child td{border-bottom:0}.fleet-table tbody tr{cursor:pointer;transition:background .12s}.fleet-table tbody tr:hover{background:#f7fbfa}.fleet-table tbody tr.selected{background:var(--teal-50);box-shadow:inset 3px 0 var(--teal-500)}.vehicle-cell{align-items:center;gap:8px;display:flex}.vehicle-avatar{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:32px;font-size:10px;font-weight:700;display:flex}.vehicle-avatar.critical{background:var(--coral-50);border-color:var(--coral-100);color:var(--coral-600)}.vehicle-avatar.watch{background:var(--amber-50);border-color:var(--amber-100);color:var(--amber-600)}.vehicle-avatar.offline{background:var(--ink-100);border-color:var(--ink-200);color:var(--ink-600)}.vehicle-cell>span:last-child{flex-direction:column;display:flex}.vehicle-cell strong{color:var(--ink-900);font-size:11px}.vehicle-cell small{color:var(--ink-400);margin-top:2px;font-size:9px}.line-badge{background:var(--line-color);color:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:23px;height:23px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #0000000d}.line-badge.large{border-radius:9px;width:42px;height:42px;font-size:15px}.health-cell{align-items:center;gap:7px;display:flex}.health-cell strong{color:var(--ink-800);width:18px;font-size:11px}.health-cell>span{background:var(--ink-100);border-radius:4px;width:46px;height:5px;overflow:hidden}.health-cell>span i,.mobile-health-bar i{background:var(--teal-500);border-radius:inherit;height:100%;display:block}.health-cell>span i.watch,.mobile-health-bar i.watch{background:var(--amber-500)}.health-cell>span i.critical,.health-cell>span i.offline,.mobile-health-bar i.critical,.mobile-health-bar i.offline{background:var(--coral-500)}.signal-count{color:var(--amber-600);font-size:10px;font-weight:700}.signal-count.critical{color:var(--coral-600)}.signal-count.offline{color:var(--ink-500)}.no-signals{color:var(--teal-700);align-items:center;gap:3px;font-size:10px;display:flex}.last-data{color:var(--ink-500);white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.last-data i{background:#23ba79;border-radius:50%;width:6px;height:6px}.last-data i.offline{background:var(--ink-400)}.fleet-mobile-list{display:none}.vehicle-detail{position:sticky;top:108px;overflow:hidden}.vehicle-detail-header{justify-content:space-between;align-items:center;padding:14px 14px 12px;display:flex}.vehicle-detail-id{align-items:center;gap:10px;min-width:0;display:flex}.vehicle-detail-id>div{flex-direction:column;min-width:0;display:flex}.vehicle-detail-id>div>span{color:var(--ink-400);letter-spacing:.1em;font-size:8px;font-weight:700}.vehicle-detail-id h2{margin:2px 0 0;font-size:18px;line-height:1.1}.vehicle-detail-id p{color:var(--ink-500);margin:2px 0 0;font-size:9px}.detail-tabs{border-bottom:1px solid var(--border-soft);border-top:1px solid var(--border-soft);padding:0 12px;display:flex}.detail-tabs button{color:var(--ink-500);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 8px 9px;font-size:10px;font-weight:700}.detail-tabs button.active{border-bottom-color:var(--teal-500);color:var(--teal-700)}.detail-tabs button span{background:var(--coral-50);color:var(--coral-600);border-radius:8px;margin-left:3px;padding:2px 4px;font-size:8px}.detail-body{padding:14px}.health-overview{align-items:center;gap:13px;display:flex}.health-ring{background:conic-gradient(var(--teal-500) var(--health), var(--ink-100) 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.health-ring.critical{background:conic-gradient(var(--coral-500) var(--health), var(--ink-100) 0)}.health-ring.watch{background:conic-gradient(var(--amber-500) var(--health), var(--ink-100) 0)}.health-ring.offline{background:conic-gradient(var(--ink-500) var(--health), var(--ink-100) 0)}.health-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.health-ring span{flex-direction:column;align-items:center;display:flex;position:relative}.health-ring strong{font-size:21px;line-height:1}.health-ring small{color:var(--ink-500);margin-top:3px;font-size:8px}.health-overview>div:last-child{flex-direction:column;min-width:0;display:flex}.health-overview>div:last-child>span{color:var(--ink-400);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:700}.health-overview>div:last-child strong{margin-top:3px;font-size:13px}.health-overview>div:last-child small{color:var(--ink-500);margin-top:4px;font-size:9px;line-height:1.3}.component-health{border-top:1px solid var(--border-soft);margin-top:15px;padding-top:13px}.subsection-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.subsection-heading h3{margin:0;font-size:12px}.subsection-heading span{color:var(--ink-400);font-size:8px}.component-row{grid-template-columns:82px minmax(50px,1fr) 20px 24px;align-items:center;gap:6px;min-height:26px;display:grid}.component-row>span:first-child{color:var(--ink-600);font-size:9px}.component-bar{background:var(--ink-100);border-radius:3px;height:5px;overflow:hidden}.component-bar i{background:var(--teal-500);border-radius:inherit;height:100%;display:block}.component-bar i.watch{background:var(--amber-500)}.component-bar i.critical{background:var(--coral-500)}.component-row strong{color:var(--ink-700);text-align:right;font-size:9px}.component-row>small{justify-content:flex-end;align-items:center;gap:1px;font-size:8px;display:flex}.component-row>small.down{color:var(--coral-600)}.component-row>small.up{color:var(--teal-700)}.recommendation-card{background:linear-gradient(135deg,#f5f2fd,#f7fafb);border:1px solid #e5def8;border-radius:10px;align-items:flex-start;gap:9px;margin:13px 0 11px;padding:10px;display:flex}.recommendation-icon{background:var(--violet-100);color:var(--violet-600);border-radius:7px;flex:none;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.recommendation-card>div{flex-direction:column;display:flex}.recommendation-card>div>span{color:var(--violet-600);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:700}.recommendation-card strong{color:var(--ink-900);margin-top:2px;font-size:10px;line-height:1.25}.recommendation-card p{color:var(--ink-500);margin:4px 0 0;font-size:9px;line-height:1.3}.detail-body>.primary-button{width:100%}.detail-signals{flex-direction:column;gap:8px;display:flex}.detail-signal{border:1px solid var(--border-soft);border-left:3px solid var(--blue-500);border-radius:8px;align-items:flex-start;gap:8px;padding:9px;display:flex}.detail-signal.critical{border-left-color:var(--coral-500)}.detail-signal.warning{border-left-color:var(--amber-500)}.detail-signal>div{flex-direction:column;flex:1;display:flex}.detail-signal>div>span{color:var(--ink-400);font-size:8px}.detail-signal strong{margin-top:2px;font-size:10px}.detail-signal p{color:var(--ink-500);margin:3px 0;font-size:9px;line-height:1.3}.detail-signal small{color:var(--ink-700);font-size:8px;font-weight:700}.detail-signal>svg{color:var(--ink-400);margin-top:18px}.empty-detail{color:var(--teal-600);text-align:center;flex-direction:column;align-items:center;padding:34px 12px;display:flex}.empty-detail strong{color:var(--ink-900);margin-top:8px;font-size:12px}.empty-detail p{color:var(--ink-500);margin:4px 0 0;font-size:9px}.history-list{flex-direction:column;display:flex}.history-list article{gap:9px;padding-bottom:12px;display:flex;position:relative}.history-list article:not(:last-child):before{background:var(--border);content:"";width:1px;position:absolute;top:23px;bottom:0;left:11px}.history-list article>span{background:var(--ink-100);color:var(--ink-600);border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.history-list article>div{flex-direction:column;display:flex}.history-list small{color:var(--ink-400);font-size:8px}.history-list strong{margin-top:2px;font-size:10px}.history-list p{color:var(--ink-500);margin:2px 0 0;font-size:9px}.stream-health{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:9px;align-items:center;gap:8px;min-height:39px;padding:6px 10px;display:flex}.stream-health>span:last-child{color:var(--ink-500);flex-direction:column;font-size:9px;display:flex}.stream-health strong{color:var(--teal-700);font-size:10px}.studio-toolbar{z-index:20;align-items:flex-end;gap:16px;min-height:70px;margin-bottom:14px;padding:10px 12px;display:flex;position:relative}.studio-toolbar>label,.period-control,.signal-picker-wrap{flex-direction:column;gap:5px;display:flex}.studio-toolbar>label>span,.period-control>span,.signal-picker-wrap>span{color:var(--ink-400);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.vehicle-picker>div{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;min-width:205px;height:36px;padding:0 8px 0 5px;display:flex}.vehicle-picker-avatar{background:var(--teal-50);color:var(--teal-700);border-radius:5px;justify-content:center;align-items:center;width:31px;height:26px;font-size:9px;font-weight:700;display:flex}.vehicle-picker select{appearance:none;color:var(--ink-800);background:0 0;border:0;outline:0;flex:1;padding:0 8px;font-size:11px;font-weight:700}.vehicle-picker>div>svg{color:var(--ink-400)}.period-control>div{background:var(--ink-100);border:1px solid var(--border);border-radius:8px;align-items:center;height:36px;padding:3px;display:flex}.period-control button{color:var(--ink-500);background:0 0;border:0;border-radius:6px;height:28px;padding:0 9px;font-size:10px;font-weight:700}.period-control button.active{color:var(--teal-700);background:#fff;box-shadow:0 1px 4px #10282e1a}.signal-picker-wrap{position:relative}.signal-picker-button{border:1px solid var(--border);color:var(--ink-700);background:#fff;border-radius:8px;align-items:center;gap:7px;min-width:135px;height:36px;padding:0 9px;font-size:11px;font-weight:700;display:flex}.signal-picker-button.active,.signal-picker-button:hover{border-color:var(--teal-500);color:var(--teal-700)}.signal-picker-button svg:last-child{margin-left:auto}.signal-picker-popover{border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;background:#fff;border-radius:11px;width:340px;animation:.16s ease-out popoverIn;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden}.signal-picker-popover>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.signal-picker-popover>header>div{flex-direction:column;display:flex}.signal-picker-popover>header strong{font-size:12px}.signal-picker-popover>header span{color:var(--ink-400);margin-top:2px;font-size:9px}.signal-picker-popover>header button{color:var(--teal-700);background:0 0;border:0;font-size:9px;font-weight:700}.signal-picker-popover>button{border:0;border-bottom:1px solid var(--border-soft);text-align:left;background:#fff;align-items:center;gap:8px;width:100%;min-height:47px;padding:7px 11px;display:flex}.signal-picker-popover>button:last-child{border-bottom:0}.signal-picker-popover>button:hover,.signal-picker-popover>button.checked{background:#f8fbfb}.checkbox-ui{border:1px solid var(--ink-300);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.signal-picker-popover>button.checked .checkbox-ui{background:var(--teal-600);border-color:var(--teal-600)}.signal-picker-popover>button>i{border-radius:50%;width:8px;height:8px}.signal-picker-popover>button>span:nth-child(3){flex-direction:column;flex:1;display:flex}.signal-picker-popover>button strong{font-size:10px}.signal-picker-popover>button small{color:var(--ink-400);margin-top:2px;font-size:8px}.signal-picker-popover>button em{color:var(--ink-400);font-size:9px;font-style:normal}.live-toggle{border:1px solid var(--border);color:var(--ink-600);background:#fff;border-radius:8px;align-items:center;gap:6px;height:36px;margin-left:auto;padding:0 10px;font-size:10px;font-weight:700;display:flex}.live-toggle.active{background:var(--teal-50);border-color:var(--teal-100);color:var(--teal-700)}.studio-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:14px;display:grid}.studio-charts{flex-direction:column;gap:11px;min-width:0;display:flex}.selected-signal-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.selected-signal-chips button{border:1px solid var(--border);color:var(--ink-700);background:#fff;border-radius:7px;align-items:center;gap:5px;min-height:27px;padding:4px 7px;font-size:9px;font-weight:700;display:flex}.selected-signal-chips button i{border-radius:50%;width:7px;height:7px}.selected-signal-chips button span{color:var(--ink-400);margin-left:2px;font-size:12px}.selected-signal-chips button.add-signal-chip{color:var(--teal-700);background:0 0;border-style:dashed}.sensor-chart-card{min-width:0;overflow:hidden}.sensor-chart-header{align-items:center;min-height:58px;padding:10px 12px 4px;display:flex}.sensor-name{flex:1;align-items:center;gap:8px;display:flex}.sensor-name>i{border-radius:2px;width:3px;height:27px}.sensor-name>div{flex-direction:column;display:flex}.sensor-name h3{margin:0;font-size:12px}.sensor-name span{color:var(--ink-400);margin-top:2px;font-size:8px}.sensor-current{flex-direction:column;align-items:flex-end;margin-right:6px;display:flex}.sensor-current>strong{font-size:16px;line-height:1}.sensor-current>strong small{color:var(--ink-400);font-size:8px}.threshold-state{align-items:center;gap:3px;margin-top:4px;font-size:8px;font-weight:700;display:flex}.threshold-state.normal{color:var(--teal-700)}.threshold-state.alert{color:var(--coral-600)}.sensor-chart{height:190px;padding:0 8px 4px}.sensor-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e9eeee;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-y-label,.chart-x-label{fill:#91a3a7;font-family:D-DIN,sans-serif;font-size:8px}.threshold-line{stroke:#e6a6b0;stroke-dasharray:5 4;stroke-width:1px;vector-effect:non-scaling-stroke}.threshold-label{fill:#c67;font-family:D-DIN,sans-serif;font-size:7px;font-weight:700}.sensor-line{filter:drop-shadow(0 2px 2px #10282e12);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;vector-effect:non-scaling-stroke}.latest-pulse{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-out infinite latestPulse}@keyframes latestPulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.studio-insights{position:sticky;top:108px;overflow:hidden}.studio-insights>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:13px 14px 11px;display:flex}.studio-insights>header>svg{color:var(--teal-600)}.live-value-list{flex-direction:column;padding:5px 8px;display:flex}.live-value-list>button{border:0;border-bottom:1px solid var(--border-soft);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 7px;display:flex}.live-value-list>button:hover,.live-value-list>button.selected{background:var(--ink-50)}.live-value-list>button:last-child{border-bottom-color:#0000}.live-value-list>button>i{border-radius:50%;width:8px;height:8px}.live-value-list>button>span{flex-direction:column;flex:1;display:flex}.live-value-list strong{font-size:10px}.live-value-list span small{color:var(--ink-400);margin-top:2px;font-size:8px}.live-value-list em{color:var(--ink-800);font-size:11px;font-style:normal;font-weight:700}.live-value-list em small{color:var(--ink-400);font-size:8px;font-weight:400}.insight-callout{background:linear-gradient(135deg,#f4f0fd,#f7f6fc);border:1px solid #e7def9;border-radius:10px;align-items:flex-start;gap:8px;margin:6px 10px 10px;padding:10px;display:flex}.insight-callout>span{background:var(--violet-100);color:var(--violet-600);border-radius:7px;flex:none;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.insight-callout>div{flex-direction:column;display:flex}.insight-callout strong{color:var(--violet-600);font-size:9px}.insight-callout p{color:var(--ink-600);margin:4px 0 6px;font-size:9px;line-height:1.35}.insight-callout button{color:var(--violet-600);background:0 0;border:0;align-self:flex-start;padding:0;font-size:9px;font-weight:700}.studio-stats{border-bottom:1px solid var(--border-soft);border-top:1px solid var(--border-soft);flex-direction:column;padding:6px 13px;display:flex}.studio-stats>div{justify-content:space-between;align-items:center;min-height:30px;display:flex}.studio-stats span{color:var(--ink-500);align-items:center;gap:5px;font-size:9px;display:flex}.studio-stats strong{font-size:10px}.studio-insights>.ghost-button{width:calc(100% - 20px);margin:10px}.modal-backdrop{z-index:200;background:#08181d87;justify-content:center;align-items:center;padding:22px;animation:.16s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-panel{background:var(--canvas);border:1px solid #fff6;border-radius:17px;flex-direction:column;width:100%;max-width:1080px;max-height:min(830px,100svh - 44px);animation:.22s ease-out adminIn;display:flex;overflow:hidden;box-shadow:0 28px 80px #08181d57}@keyframes adminIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.admin-header{border-bottom:1px solid var(--border);background:#fff;flex:none;align-items:center;min-height:66px;padding:10px 14px;display:flex}.admin-title{flex:1;align-items:center;gap:10px;display:flex}.admin-title>span{background:var(--teal-50);color:var(--teal-700);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.admin-title>div{flex-direction:column;display:flex}.admin-title h2{margin:0;font-size:16px}.admin-title p{color:var(--ink-500);margin:2px 0 0;font-size:10px}.admin-role{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:7px;align-items:center;gap:5px;margin-right:9px;padding:6px 8px;font-size:9px;font-weight:700;display:flex}.admin-shell{flex:1;grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid}.admin-nav{border-right:1px solid var(--border);background:#f7f9f9;flex-direction:column;gap:4px;padding:12px 9px;display:flex}.admin-nav>button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:52px;padding:7px 8px;display:flex}.admin-nav>button:hover,.admin-nav>button.active{box-shadow:var(--shadow-sm);background:#fff}.admin-nav>button.active{box-shadow:inset 3px 0 var(--teal-500), var(--shadow-sm)}.admin-nav>button>span{background:var(--ink-100);color:var(--ink-600);border-radius:7px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.admin-nav>button.active>span{background:var(--teal-50);color:var(--teal-700)}.admin-nav>button>div{flex-direction:column;flex:1;min-width:0;display:flex}.admin-nav strong{font-size:10px}.admin-nav small{color:var(--ink-400);margin-top:2px;font-size:8px}.admin-nav>button>svg{color:var(--ink-400)}.admin-system-card{background:#edf8f5;border:1px solid #d4ebe6;border-radius:9px;align-items:center;gap:8px;margin-top:auto;padding:9px;display:flex}.admin-system-card>div{flex-direction:column;display:flex}.admin-system-card strong{color:var(--teal-700);font-size:9px}.admin-system-card small{color:var(--ink-500);margin-top:2px;font-size:8px}.admin-content{padding:19px 20px;overflow-y:auto}.admin-content-heading{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.admin-content-heading h3{letter-spacing:-.02em;margin:0;font-size:20px}.admin-content-heading p{color:var(--ink-500);max-width:520px;margin:5px 0 0;font-size:11px;line-height:1.4}.admin-info-strip{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);border-radius:9px;align-items:center;gap:8px;margin-bottom:11px;padding:9px 11px;display:flex}.admin-info-strip>span{color:var(--ink-600);flex:1;gap:5px;font-size:9px;display:flex}.admin-info-strip strong{color:var(--teal-700)}.rule-list{flex-direction:column;gap:7px;display:flex}.rule-list article{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:34px minmax(0,1fr) 150px 32px;align-items:center;gap:10px;padding:9px 10px;transition:opacity .15s;display:grid}.rule-list article.disabled{opacity:.54}.toggle{display:inline-block;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle>span{background:var(--ink-300);border-radius:12px;width:34px;height:20px;transition:background .15s;display:block;position:relative}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #10282e33}.toggle input:checked+span{background:var(--teal-500)}.toggle input:checked+span:after{transform:translate(14px)}.rule-main{flex-direction:column;display:flex}.rule-main>span{color:var(--ink-400);font-size:8px;font-weight:700}.rule-main>strong{margin-top:1px;font-size:11px}.rule-main code{color:var(--ink-500);align-items:center;gap:3px;margin-top:3px;font-family:D-DIN,monospace;font-size:9px;display:flex}.rule-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.rule-meta>span{background:var(--amber-50);color:var(--amber-600);border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.rule-meta>span.critical{background:var(--coral-50);color:var(--coral-600)}.rule-meta small{color:var(--ink-400);font-size:8px}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.source-card{border:1px solid var(--border);background:#fff;border-radius:11px;padding:11px;overflow:hidden}.source-card>header{align-items:center;gap:8px;display:flex}.source-card>header>span:first-child{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.source-card>header>div{flex-direction:column;flex:1;display:flex}.source-card>header strong{font-size:10px}.source-card>header small{color:var(--ink-400);margin-top:2px;font-size:8px}.source-connected{color:var(--teal-700);align-items:center;gap:4px;font-size:8px;font-weight:700;display:flex}.source-metrics{grid-template-columns:1fr 1fr;gap:6px;margin-top:13px;display:grid}.source-metrics>span{background:var(--ink-50);border-radius:7px;flex-direction:column;padding:7px;display:flex}.source-metrics small{color:var(--ink-400);font-size:8px}.source-metrics strong{margin-top:2px;font-size:11px}.source-sparkline{align-items:flex-end;gap:2px;height:44px;margin-top:10px;display:flex}.source-sparkline i{opacity:.42;border-radius:2px 2px 0 0;flex:1;min-height:4px}.source-card>button{border:0;border-top:1px solid var(--border-soft);color:var(--teal-700);background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:8px 0 0;font-size:9px;font-weight:700;display:flex}.ingestion-pipeline{border:1px solid var(--border);background:#fff;border-radius:11px;margin-top:12px;padding:12px}.pipeline-steps{grid-template-columns:repeat(4,1fr);display:grid}.pipeline-steps>div{align-items:center;gap:7px;display:flex;position:relative}.pipeline-steps>div>span{background:var(--teal-50);border:1px solid var(--teal-100);color:var(--teal-700);z-index:2;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;font-weight:700;display:flex;position:relative}.pipeline-steps>div>div{flex-direction:column;display:flex}.pipeline-steps strong{font-size:9px}.pipeline-steps small{color:var(--ink-400);font-size:8px}.pipeline-steps>div>i{background:var(--teal-100);z-index:1;height:2px;position:absolute;top:12px;left:28px;right:8px}.role-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.role-summary article{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px;display:flex}.role-icon{background:var(--teal-50);color:var(--teal-700);border-radius:7px;flex:none;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.role-icon.maintenance{background:var(--blue-50);color:var(--blue-600)}.role-icon.user{background:var(--violet-50);color:var(--violet-600)}.role-summary article>div{flex-direction:column;flex:1;display:flex}.role-summary strong{font-size:10px}.role-summary small{color:var(--ink-400);margin-top:2px;font-size:8px;line-height:1.2}.role-summary em{color:var(--ink-800);font-size:17px;font-style:normal;font-weight:700}.user-table-wrap{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.user-table{border-collapse:collapse;width:100%}.user-table th{background:var(--ink-50);color:var(--ink-400);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:8px 10px;font-size:8px}.user-table td{border-top:1px solid var(--border-soft);color:var(--ink-600);padding:8px 10px;font-size:9px}.user-table td:first-child{align-items:center;gap:8px;display:flex}.user-table .user-avatar{width:29px;height:29px}.user-table td:first-child>span:last-child{flex-direction:column;display:flex}.user-table td:first-child strong{color:var(--ink-900);font-size:10px}.user-table td:first-child small{color:var(--ink-400);margin-top:2px;font-size:8px}.role-pill{background:var(--violet-50);color:var(--violet-600);border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.role-pill.admin{background:var(--teal-50);color:var(--teal-700)}.role-pill.underhåll{background:var(--blue-50);color:var(--blue-600)}.user-active,.user-inactive{color:var(--teal-700);align-items:center;gap:4px;font-size:8px;font-weight:700;display:flex}.user-inactive{color:var(--ink-400)}.user-inactive i{background:var(--ink-400);border-radius:50%;width:7px;height:7px}.admin-footer{border-top:1px solid var(--border);background:#fff;flex:none;justify-content:space-between;align-items:center;min-height:59px;padding:9px 14px;display:flex}.admin-footer>span{color:var(--ink-400);font-size:9px}.admin-footer>div{gap:7px;display:flex}@container pulse (max-width:1180px){.header-inner{gap:10px}.desktop-nav{margin-left:4px}.desktop-nav>button{padding:0 9px}.account-copy{display:none}.fleet-workspace{grid-template-columns:minmax(620px,1fr) 320px}.studio-layout{grid-template-columns:minmax(0,1fr) 265px}}@container pulse (max-width:990px){.header-brand img{width:84px;height:36px}.desktop-nav>button{font-size:12px}.ingestion-status{display:none}.metric-grid,.fleet-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-signal-layout{grid-template-columns:minmax(0,1fr) 320px}.fleet-workspace{grid-template-columns:1fr}.vehicle-detail{position:static}.studio-layout{grid-template-columns:1fr}.studio-insights{position:static}.live-value-list{grid-template-columns:repeat(2,1fr);display:grid}.live-value-list>button:nth-last-child(2){border-bottom-color:#0000}}@container pulse (max-width:760px){.app-header{position:sticky}.header-inner{height:58px;padding:0 11px}.mobile-menu-button{color:#fff;background:#ffffff14;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-brand{gap:6px}.header-brand img{width:82px;height:35px}.product-badge-header{letter-spacing:.14em;padding:5px 6px 4px;font-size:8px}.desktop-nav,.desktop-only{display:none!important}.header-actions{gap:2px}.header-icon-button{width:36px;height:36px}.notifications-popover{width:330px;max-width:calc(100vw - 24px);position:fixed;top:65px;right:12px}.mobile-header-menu{border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--ink-900);background:#fff;flex-direction:column;padding:10px;animation:.16s ease-out popoverIn;display:flex;position:absolute;top:58px;left:0;right:0}.mobile-account{border-bottom:1px solid var(--border-soft);align-items:center;gap:9px;margin-bottom:5px;padding:5px 5px 10px;display:flex}.mobile-account>div{flex-direction:column;display:flex}.mobile-account strong{font-size:12px}.mobile-account span{color:var(--ink-500);font-size:9px}.mobile-header-menu>button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px 8px;font-size:11px;display:flex}.mobile-header-menu>button:hover{background:var(--ink-50)}.mobile-header-menu>button:last-child{color:var(--coral-600)}.demo-banner{justify-content:flex-start;min-height:23px}.app-main{padding:15px 11px calc(84px + env(safe-area-inset-bottom))}.view-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.view-heading h1{font-size:25px}.view-heading>div:first-child>p{margin-top:5px;font-size:12px;line-height:1.35}.view-heading-actions{justify-content:space-between;width:100%}.view-heading-actions .secondary-button{min-height:34px;font-size:11px}.metric-grid,.fleet-summary-grid{grid-auto-columns:minmax(155px,74%);grid-auto-flow:column;grid-template-columns:unset;scroll-snap-type:x proximity;scrollbar-width:none;margin-left:-11px;margin-right:-11px;padding:0 11px 4px;display:grid;overflow-x:auto}.metric-grid::-webkit-scrollbar{display:none}.fleet-summary-grid::-webkit-scrollbar{display:none}.metric-card,.fleet-summary{scroll-snap-align:start}.filter-bar{grid-template-columns:1fr 1fr;gap:7px;padding:9px;display:grid}.filter-bar-label{grid-column:1/-1}.filter-bar .search-control{grid-column:1/-1;min-width:0}.filter-bar .select-control{min-width:0}.filter-bar .select-control select{flex:1;min-width:0}.filter-clear{justify-self:start}.filter-result{place-self:center end;margin-left:0}.map-signal-layout{flex-direction:column;min-height:0;display:flex}.map-card,.map-canvas,.network-map{min-height:420px}.map-card{height:420px}.map-vehicle-card{width:calc(100% - 24px);max-width:none;bottom:47px}.map-line-legend{bottom:9px}.map-updated{display:none}.map-controls{top:50px;right:9px}.signal-feed{height:min(560px,70svh);min-height:470px}.goal-card{width:100%;max-width:none}.fleet-filters{grid-template-columns:1fr 1fr auto;display:grid}.fleet-filters .search-control{grid-column:1/-1}.compact-select{min-width:0}.fleet-table{display:none}.fleet-mobile-list{flex-direction:column;padding:5px;display:flex}.fleet-mobile-card{border:0;border-bottom:1px solid var(--border-soft);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 8px;display:flex}.fleet-mobile-card.selected{background:var(--teal-50)}.fleet-mobile-main{flex-direction:column;flex:1;min-width:0;display:flex}.fleet-mobile-main>strong{font-size:11px}.fleet-mobile-main>small{color:var(--ink-400);margin-top:2px;font-size:9px}.mobile-health-bar{background:var(--ink-100);border-radius:3px;width:100%;height:4px;margin-top:7px;overflow:hidden}.fleet-mobile-score{flex-direction:column;align-items:flex-end;display:flex}.fleet-mobile-score>strong{font-size:16px}.fleet-mobile-score>small{color:var(--ink-400);font-size:8px}.component-row{grid-template-columns:88px minmax(50px,1fr) 20px 24px}.studio-toolbar{grid-template-columns:1fr 1fr;align-items:stretch;gap:9px;display:grid}.vehicle-picker{grid-column:1/-1}.vehicle-picker>div{min-width:0}.period-control{grid-column:1/-1}.period-control>div{overflow-x:auto}.period-control button{flex:1;min-width:48px;padding:0 6px}.signal-picker-button{width:100%;min-width:0}.signal-picker-popover{width:calc(100% - 22px);max-width:calc(100vw - 44px);position:fixed;top:240px;left:0}.live-toggle{justify-content:center;margin-left:0}.sensor-chart-header{padding-left:9px;padding-right:9px}.sensor-chart{height:170px;padding-left:2px;padding-right:2px}.live-value-list{display:flex}.studio-insights{position:static}.mobile-bottom-nav{border-top:1px solid var(--border);height:calc(63px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);z-index:90;background:#fffffff5;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #10282e14}.mobile-bottom-nav>button{color:var(--ink-400);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex}.mobile-bottom-nav>button>span{border-radius:10px;justify-content:center;align-items:center;width:42px;height:30px;display:flex;position:relative}.mobile-bottom-nav>button.active{color:var(--teal-700)}.mobile-bottom-nav>button.active>span{background:var(--teal-50)}.mobile-bottom-nav>button>span>i{background:var(--coral-500);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;width:14px;height:14px;font-size:7px;font-style:normal;display:flex;position:absolute;top:-1px;right:4px}.mobile-preview .mobile-bottom-nav{width:100%;max-width:430px;left:50%;right:auto;transform:translate(-50%)}.modal-backdrop{align-items:stretch;padding:0}.admin-panel{border-radius:0;max-height:100svh}.admin-header{min-height:58px}.admin-role{display:none}.admin-shell{flex-direction:column;display:flex}.admin-nav{border-bottom:1px solid var(--border);border-right:0;flex:none;grid-template-columns:repeat(3,1fr);padding:5px;display:grid}.admin-nav>button{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:5px 2px}.admin-nav>button>span{width:27px;height:27px}.admin-nav>button>div{flex:0}.admin-nav>button small,.admin-nav>button>svg,.admin-system-card{display:none}.admin-nav strong{font-size:8px}.admin-nav>button.active{box-shadow:inset 0 -2px var(--teal-500)}.admin-content{padding:14px 11px}.admin-content-heading h3{font-size:18px}.admin-content-heading p{font-size:9px}.admin-content-heading .primary-button{white-space:nowrap;padding:6px 8px}.admin-info-strip>span{flex-direction:column;gap:1px}.rule-list article{grid-template-columns:34px minmax(0,1fr) 28px}.rule-meta{grid-column:2/3;align-items:flex-start}.rule-list article>.icon-button{grid-area:1/3}.source-grid,.role-summary{grid-template-columns:1fr}.pipeline-steps{gap:5px}.pipeline-steps>div{text-align:center;flex-direction:column;align-items:center}.pipeline-steps>div>i{left:calc(50% + 13px);right:calc(13px - 50%)}.user-table-wrap{overflow-x:auto}.user-table{min-width:620px}.admin-footer>span{display:none}.admin-footer{justify-content:flex-end}}@container pulse (max-width:390px){.header-brand img{width:72px}.product-badge-header{padding-left:5px;padding-right:5px}.view-heading-actions .secondary-button{display:none}.metric-grid,.fleet-summary-grid{grid-auto-columns:82%}.map-vehicle-card .status-pill{display:none}.map-vehicle-speed{margin-left:auto}.login-trust{gap:12px}}@media (max-width:800px){.login-status{display:none}}@media (max-width:480px){.login-page{align-items:flex-start;padding:28px 14px}.login-brand{margin-bottom:18px}.brand-lockup img{height:50px}.product-badge{padding:7px 9px 6px;font-size:11px}.login-brand>p{font-size:14px}.login-card{border-radius:17px;padding:23px 19px}.login-card-heading h1{font-size:21px}.login-trust{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}