:root{--ink:#122033;--muted:#68778d;--line:#dfe5ec;--nav:#111d2c;--blue:#1565e8;--bg:#f3f6f9}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#a9b5c5;z-index:20;flex-direction:column;width:238px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;padding:0 10px 23px;display:flex}.brand-mark{background:#2477ef;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:.07em;font-size:15px}.brand small{color:#8393a7;letter-spacing:.04em;margin-top:3px;font-size:10px}.side-label{letter-spacing:.13em;color:#65758b;padding:12px 12px 7px;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav button{color:#9eacbd;text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px;font-size:12px}.sidebar nav button span{width:26px;font-size:15px;display:inline-block}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#1e3046}.sidebar-foot{border-top:1px solid #28384b;align-items:flex-start;gap:9px;margin-top:auto;padding:17px 10px 2px;display:flex}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot b{color:#e8edf3;font-size:10px}.sidebar-foot small{color:#75869b;margin-top:4px;font-size:9px}.pulse{background:#25c97a;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #25c97a20}.workspace{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.menu{display:none}.search{color:#8a97a8;background:#fafbfc;border:1px solid #d6dde6;border-radius:7px;align-items:center;width:min(500px,45vw);height:36px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;padding:0 9px;font-size:11px}.search kbd{background:#fff;border:1px solid #dae0e7;border-radius:4px;padding:3px 6px;font-size:9px}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.icon-button{color:#657286;background:#fff;border:1px solid #dfe4ea;border-radius:7px;width:34px;height:34px}.notify{position:relative}.notify i{background:#e84444;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.user{border-left:1px solid #e6e9ed;align-items:center;gap:9px;margin-left:5px;padding-left:14px;display:flex}.user>span{color:#1558b8;background:#dceafe;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.user b,.user small{display:block}.user b{font-size:11px}.user small{color:#7b899b;margin-top:2px;font-size:9px}.user em{color:#8894a3;font-style:normal}.content{max-width:1600px;margin:auto;padding:22px 24px 40px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.breadcrumbs{letter-spacing:.08em;color:#8b98a8;font-size:9px}.breadcrumbs b{color:#3c506b}.page-head h1{letter-spacing:-.03em;margin:8px 0 4px;font-size:24px}.page-head p{color:var(--muted);margin:0;font-size:11px}.head-actions{gap:8px;display:flex}.head-actions button,.table-tools button{border-radius:6px;height:34px;padding:0 13px;font-size:11px;font-weight:600}.secondary,.table-tools button{color:#415168;background:#fff;border:1px solid #d9e0e8}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff}.live-banner{color:#3e6c58;background:#f0fbf5;border:1px solid #c7ead8;border-radius:6px;align-items:center;gap:8px;height:32px;margin:18px 0 12px;padding:0 12px;font-size:10px;display:flex}.live-banner b{color:#168153;font-size:9px}.live-banner em{color:#789083;margin-left:auto;font-style:normal}.stats{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;min-width:0;padding:14px 15px;display:flex}.stat small,.stat strong,.stat span{display:block}.stat small{color:#728096;font-size:10px;font-weight:600}.stat strong{letter-spacing:-.03em;margin:8px 0 4px;font-size:22px}.stat span{color:#7f8c9e;font-size:9px}.stat>i{color:#1d69d9;background:#eaf2fe;border-radius:7px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:700;display:grid}.stat.green>i{color:#17935c;background:#e7f8ef}.stat.violet>i{color:#774dd1;background:#f1ecff}.stat.amber>i{color:#bd7a09;background:#fff4dd}.stat.red>i{color:#db3535;background:#feecec}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:12px;margin-top:12px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.panel-head{border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:center;height:59px;padding:0 16px;display:flex}.panel-head h2{margin:0 0 4px;font-size:12px}.panel-head p{color:#7b899c;margin:0;font-size:9px}.segmented{border:1px solid #dbe1e8;border-radius:5px;display:flex;overflow:hidden}.segmented button{color:#657489;background:#fff;border:0;border-right:1px solid #e1e6eb;padding:6px 9px;font-size:9px}.segmented button:last-child{border:0}.segmented .selected{color:#175ebf;background:#edf4ff;font-weight:700}.map{background:#e9eef2;height:340px;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(#fff8 1px,#0000 1px),linear-gradient(90deg,#fff8 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:rotate(8deg)scale(1.3)}.road{background:#fff;border:1px solid #d7dee4;border-radius:50%;height:6px;position:absolute}.r1{width:120%;top:44%;left:-10%;transform:rotate(-12deg)}.r2{width:85%;top:62%;left:20%;transform:rotate(27deg)}.r3{width:75%;top:28%;left:8%;transform:rotate(68deg)}.cluster{color:#fff;border:3px solid #ffffffc9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #23385335}.cluster.green{background:#16a866}.cluster.blue{background:#2875e5}.cluster.red{background:#e54949}.map-controls{flex-direction:column;display:flex;position:absolute;top:12px;left:12px}.map-controls button{color:#445369;background:#fff;border:1px solid #d9e0e6;width:29px;height:29px}.map-legend{white-space:nowrap;background:#fff;border-radius:5px;padding:8px 11px;font-size:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 9px #36476025}.map-legend span+span{margin-left:12px}.map-legend i,.badge i{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.green-dot{background:#16a866}.blue-dot{background:#2875e5}.red-dot{background:#e54949}.link{color:#1263d6;background:0 0;border:0;font-size:9px;font-weight:600}.event{border-bottom:1px solid #edf0f3;align-items:flex-start;gap:10px;padding:14px 15px;display:flex}.event>b{color:#c67a08;background:#fff1dd;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;display:grid}.event.critical{background:snow}.event.critical>b{color:#d83333;background:#feeaea}.event div{min-width:0}.event strong,.event span,.event small{display:block}.event strong{font-size:10px}.event span{color:#637288;margin-top:4px;font-size:9px}.event small{color:#9ba6b5;margin-top:5px;font-size:8px}.event button{color:#bd3333;background:#fff;border:1px solid #e3a9a9;border-radius:4px;margin-left:auto;padding:5px 7px;font-size:8px}.response{background:#f6f8fa;border-radius:6px;margin:14px;padding:12px}.response div{color:#627187;justify-content:space-between;font-size:9px;display:flex}.response strong{color:#d34848;font-size:13px}.response progress{accent-color:#e24c4c;width:100%;height:5px}.response small{color:#8996a6;margin-top:4px;font-size:8px;display:block}.table-panel{margin-top:12px}.table-tools{gap:7px;display:flex}.table-tools label{color:#8793a2;border:1px solid #d9e0e7;border-radius:5px;align-items:center;height:31px;padding:0 8px;display:flex}.table-tools input{border:0;outline:0;width:110px;padding-left:6px;font-size:9px}.table-tools button{height:31px;font-size:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#7a8799;letter-spacing:.06em;background:#f8f9fb;border-bottom:1px solid #e5e9ee;padding:9px 14px;font-size:8px}td{color:#425269;border-bottom:1px solid #edf0f3;padding:11px 14px;font-size:10px}td b,td small{display:block}td b{color:#1e2d40;font-size:10px}td small{color:#8995a5;margin-top:4px;font-size:8px}.mono{color:#53647b;font-family:monospace}.badge{background:#f0f3f6;border-radius:12px;padding:4px 7px;font-size:8px;font-weight:700}.badge.moving{color:#168252;background:#eaf8f1}.badge.moving i{background:#22b775}.badge.idle{color:#1c63be;background:#eaf2fd}.badge.idle i{background:#2d7ce2}.badge.offline{color:#a94747;background:#fbeeee}.badge.offline i{background:#d75252}.badge.stopped{color:#9a6a11;background:#fff5df}.badge.stopped i{background:#dfa22b}.more{color:#8290a2;background:0 0;border:0}.menu{background:0 0;border:0;font-size:18px}@media (max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.alert-panel{grid-template-columns:repeat(3,1fr);display:grid}.alert-panel .panel-head,.alert-panel .response{grid-column:1/-1}.event{border-right:1px solid #edf0f3}.user div{display:none}}@media (max-width:760px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:10px 0 30px #0004}.workspace{width:100%;margin-left:0}.menu{display:block}.topbar{padding:0 12px}.search{flex:1;width:auto;margin-left:8px}.search kbd,.top-actions .icon-button,.user em{display:none}.content{padding:16px 12px}.page-head{align-items:flex-start}.page-head p,.secondary{display:none}.stats{display:flex;overflow:auto}.stat{min-width:150px}.alert-panel{display:block}.segmented{display:none}.panel-head{padding:0 12px}.table-tools label,.table-tools button:nth-child(2){display:none}.live-banner span:nth-child(3){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-banner em{display:none}}.full-nav{scrollbar-width:thin;margin:0 -5px;padding:0 5px 15px;overflow-y:auto}.full-nav>div{display:block}.sidebar .full-nav button{text-transform:none;width:100%;padding:7px 12px;font-size:10px}.sidebar .full-nav button span{width:23px;font-size:12px}.sidebar .full-nav .side-label{padding-top:11px}.user-button{text-align:left;cursor:pointer;background:0 0;border:0}.module-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.module-metrics article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.module-metrics small,.module-metrics strong,.module-metrics span{display:block}.module-metrics small{color:#718096;letter-spacing:.06em;font-size:9px;font-weight:700}.module-metrics strong{margin:8px 0;font-size:22px}.module-metrics span{color:#168353;font-size:8px}.state-bar{border:1px solid var(--line);color:#64748a;background:#fff;border-radius:7px;justify-content:space-between;align-items:center;margin-top:18px;padding:8px 12px;font-size:9px;display:flex}.state-bar>span{align-items:center;gap:8px;display:flex}.state-bar button{color:#79879a;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:8px}.state-bar button.selected{color:#1563cc;background:#eaf2ff}.chart{margin-top:10px}.bars{background:linear-gradient(#edf1f5 1px,#0000 1px) 0 0/100% 42px;align-items:flex-end;gap:8px;height:170px;padding:22px 25px 0;display:flex}.bars i{background:linear-gradient(#2879eb,#8db9f6);border-radius:3px 3px 0 0;flex:1;min-width:5px}.tracking-layout{grid-template-columns:300px 1fr;gap:12px;margin-top:18px;display:grid}.tracking-layout .map{height:610px}.vehicle-row{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;padding:14px;display:flex}.vehicle-row .signal{background:#22ad70;border-radius:50%;width:8px;height:8px}.vehicle-row .signal.offline{background:#d75252}.vehicle-row div{min-width:0}.vehicle-row b,.vehicle-row small{display:block}.vehicle-row b{font-size:10px}.vehicle-row small{color:#8592a3;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.vehicle-row em{margin-left:auto;font-size:9px;font-style:normal}.playback{margin-top:18px}.playback .map-panel{border:0}.playback .map{height:470px}.timeline{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.timeline button{background:var(--blue);color:#fff;border:0;border-radius:50%;width:32px;height:32px}.timeline input{accent-color:var(--blue);flex:1}.timeline span{color:#758399;font-size:8px}.timeline select,.console-toolbar select{background:#fff;border:1px solid #d9e0e8;border-radius:5px;padding:7px;font-size:9px}.console-toolbar{gap:8px;margin-top:18px;display:flex}.console-toolbar input{border:1px solid #d9e0e8;border-radius:5px;flex:1;padding:0 10px;font-size:10px}.console-toolbar button{background:#fff;border:1px solid #d9e0e8;border-radius:5px}.packet-console{color:#a9bdd2;background:#0b1320;border-radius:8px;min-height:520px;margin-top:10px;padding:18px;font:11px/2 monospace;overflow:auto}.packet-console i{color:#657a91}.packet-console b{color:#51d895}.packet-console strong{color:#66a8ff}.packet-console em{color:#efb85c}.detail-grid{grid-template-columns:240px 1fr 230px;gap:12px;margin-top:18px;display:grid}.detail-grid .map{height:360px}.identity,.telemetry{padding:20px}.vehicle-icon{color:#1c69d8;background:#e7f0fe;border-radius:10px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.identity h2{font-size:16px}.identity dl{grid-template-columns:1fr;gap:3px;margin-top:22px;display:grid}.identity dt{color:#8592a3;margin-top:9px;font-size:8px}.identity dd{color:#2f4055;margin:0;font-size:10px}.telemetry h2{margin:0 0 15px;font-size:12px}.telemetry div{border-bottom:1px solid #edf0f3;justify-content:space-between;padding:10px 0;font-size:9px;display:flex}.wizard{grid-template-columns:240px 1fr;gap:12px;margin-top:18px;display:grid}.wizard>aside{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.wizard>aside button{text-align:left;color:#718095;background:0 0;border:0;border-radius:5px;gap:10px;width:100%;padding:10px;display:flex}.wizard>aside button>i{border:1px solid #d5dce5;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;display:grid}.wizard>aside button span,.wizard>aside button small{display:block}.wizard>aside button small{margin-top:3px;font-size:8px}.wizard>aside button.active{color:#145ebf;background:#edf4ff}.wizard>aside button.done i{color:#fff;background:#1da66b;border-color:#1da66b}.wizard-card{padding:28px}.wizard-card>small{color:#1e68ce;font-size:8px;font-weight:700}.wizard-card h2{margin-bottom:6px;font-size:20px}.wizard-card>p{color:#718096;font-size:10px}.check-grid{grid-template-columns:1fr 1fr;gap:9px;margin:24px 0;display:grid}.check-grid label{border:1px solid #e0e5eb;border-radius:6px;gap:9px;padding:12px;display:flex}.check-grid input{accent-color:#1765d8}.check-grid b,.check-grid small{display:block}.check-grid b{font-size:10px}.check-grid small{color:#8491a2;margin-top:4px;font-size:8px}.wizard-actions{border-top:1px solid #e5e9ee;justify-content:space-between;padding-top:18px;display:flex}.wizard-actions button{border-radius:5px;padding:9px 14px}.modal-backdrop{z-index:100;background:#0b1627a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:min(430px,100%);padding:25px;box-shadow:0 20px 60px #0004}.modal-icon{color:#b96d00;background:#fff0da;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.modal h2{font-size:17px}.modal p{color:#68768a;font-size:10px;line-height:1.6}.modal label{margin:18px 0;font-size:9px;font-weight:700;display:block}.modal input{border:1px solid #d9e0e8;border-radius:5px;width:100%;height:38px;margin-top:7px;padding:0 10px;display:block}.modal>div{justify-content:flex-end;gap:8px;display:flex}.modal button{border-radius:5px;height:35px;padding:0 13px}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-copy{color:#fff;background:#101d2d;flex-direction:column;justify-content:space-between;padding:42px 8vw;display:flex;position:relative;overflow:hidden}.login-copy:after{content:"";border:1px solid #2a3c52;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-250px;right:-270px;box-shadow:0 0 0 100px #17263a,0 0 0 101px #2a3c52}.login-brand{letter-spacing:.12em;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.login-brand span{background:#2575ec;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.login-copy>div small{color:#4c91ef;letter-spacing:.13em;font-size:10px;font-weight:700}.login-copy h1{letter-spacing:-.05em;margin:18px 0;font-size:clamp(38px,5vw,68px);line-height:1.03}.login-copy h1 em{color:#3d8afa;font-style:normal}.login-copy p{color:#9baabd;max-width:520px;font-size:13px;line-height:1.7}.login-copy footer{color:#68798e;z-index:1;font-size:9px}.login-form{place-items:center;padding:30px;display:grid}.login-form form{width:min(380px,100%)}.lock{color:#1f6bd3;background:#e9f2ff;border-radius:10px;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.login-form h2{margin:20px 0 6px;font-size:27px}.login-form>form>p{color:#78869a;margin-bottom:30px}.login-form>form>label{margin-top:16px;font-size:9px;font-weight:700;display:block}.login-form>form>label input{border:1px solid #d5dde7;border-radius:6px;width:100%;height:44px;margin-top:8px;padding:0 12px;display:block}.form-row{justify-content:space-between;margin:16px 0;font-size:9px;display:flex}.form-row label{font-weight:400}.form-row a{color:#1765d8}.login-form form>button{color:#fff;background:#1765d8;border:0;border-radius:6px;width:100%;height:44px;font-weight:700}.sso{text-align:center;color:#8b97a7;margin-top:16px;font-size:8px;display:block}@media (max-width:1000px){.detail-grid{grid-template-columns:1fr 1fr}.detail-grid .map-panel{grid-area:1/1/auto/-1}.module-metrics{grid-template-columns:1fr 1fr}}@media (max-width:760px){.tracking-layout,.wizard,.detail-grid{grid-template-columns:1fr}.tracking-layout .map{height:400px}.module-metrics{display:flex;overflow:auto}.module-metrics article{min-width:145px}.state-bar>div{display:none}.check-grid,.login-page{grid-template-columns:1fr}.login-copy{min-height:260px;padding:30px}.login-copy h1{font-size:37px}.login-copy footer{display:none}.login-form{padding:40px 25px}.detail-grid .map-panel{grid-area:auto}}.report-summary{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:0;margin-top:18px;padding:12px 0;display:flex}.report-summary>div{border-right:1px solid #e8ecf1;min-width:145px;padding:0 20px}.report-summary b,.report-summary span{display:block}.report-summary b{font-size:15px}.report-summary span{color:#8491a2;margin-top:4px;font-size:8px}.report-summary em{color:#41705d;margin-left:auto;margin-right:18px;font-size:9px;font-style:normal}.report-summary em i{margin-right:8px}.report-layout{grid-template-columns:235px 1fr;gap:12px;margin-top:12px;display:grid}.report-sidebar{height:max-content;padding:10px}.report-search{color:#8391a2;border:1px solid #d8e0e9;border-radius:6px;align-items:center;height:35px;margin-bottom:9px;padding:0 10px;display:flex}.report-search input{border:0;outline:0;width:100%;padding-left:7px;font-size:9px}.report-sidebar>button{text-align:left;color:#58687d;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;width:100%;padding:10px;display:flex}.report-sidebar>button.active{color:#175fbe;background:#edf4ff}.report-sidebar>button>i{color:#1867ce;background:#e8f1ff;border-radius:6px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:700;display:grid}.report-sidebar>button>i.red{color:#ce3a3a;background:#feeded}.report-sidebar>button>i.violet{color:#7753c5;background:#f0ebff}.report-sidebar>button>i.green{color:#16875a;background:#e8f8ef}.report-sidebar>button span{min-width:0;margin-left:9px}.report-sidebar>button b,.report-sidebar>button small{display:block}.report-sidebar>button b{font-size:9px}.report-sidebar>button small{color:#8a97a7;margin-top:4px;font-size:8px}.report-sidebar>button em{margin-left:auto;font-size:16px;font-style:normal}.report-main{grid-template-columns:minmax(330px,.8fr) minmax(480px,1.2fr);gap:12px;min-width:0;display:grid}.report-section-head{border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;min-height:64px;padding:13px 16px;display:flex}.report-section-head h2{margin:3px 0;font-size:12px}.report-section-head p{color:#8491a2;margin:0;font-size:8px}.report-section-head>span{color:#64748a;background:#f1f4f7;border-radius:4px;padding:5px 7px;font-size:8px}.report-section-head>div>small{color:#1766d0;letter-spacing:.08em;font-size:7px;font-weight:700}.report-cards{max-height:510px;padding:7px;overflow:auto}.report-cards>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;width:100%;padding:10px;display:flex}.report-cards>button:hover{background:#f7f9fb}.report-cards>button.selected{background:#eff5ff;border-color:#bcd4f7}.report-cards>button>i{color:#7d8b9d;background:#f0f3f7;border-radius:5px;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;display:grid}.report-cards>button.selected>i{color:#fff;background:#1765d8}.report-cards>button span{min-width:0;margin-left:10px}.report-cards>button b,.report-cards>button small{display:block}.report-cards>button b{font-size:9px}.report-cards>button small{color:#8390a1;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;overflow:hidden}.report-cards>button em{color:#8694a5;margin-left:auto;font-style:normal}.save-view{color:#54657a;background:#fff;border:1px solid #d9e0e8;border-radius:5px;padding:6px 9px;font-size:8px}.filter-grid{grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.filter-grid label{color:#718095;letter-spacing:.05em;font-size:7px;font-weight:700}.filter-grid select{color:#34455a;background:#fff;border:1px solid #d8dfe8;border-radius:5px;width:100%;height:34px;margin-top:6px;padding:0 8px;font-size:9px;display:block}.report-fields{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:14px 15px}.report-fields>span{color:#718095;letter-spacing:.05em;font-size:7px;font-weight:700}.report-fields>div{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.report-fields button{color:#3268aa;background:#f1f6fe;border:1px solid #cfe0f8;border-radius:12px;padding:4px 7px;font-size:7px}.builder-actions{justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.builder-actions>label{color:#68778a;font-size:8px}.builder-actions input{accent-color:#1765d8}.builder-actions>div{gap:6px;display:flex}.builder-actions button{border-radius:5px;height:31px;padding:0 10px;font-size:8px}.report-results{margin-top:12px}.report-results .report-section-head h2{margin-left:7px;display:inline-block}.ready-dot{color:#168656;background:#e7f7ef;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:inline-grid}.export-actions{align-items:center;gap:5px;display:flex}.export-actions span{color:#7d8999;margin-right:5px;font-size:8px}.export-actions button{background:#fff;border:1px solid #d8dfe7;border-radius:4px;padding:6px 8px;font-size:7px}.report-results td,.report-results th{padding-left:10px;padding-right:10px}.report-total{color:#65748a;background:#f7f9fb;align-items:center;gap:14px;padding:10px 14px;font-size:8px;display:flex}.report-total b{color:#23354a}.report-total em{color:#8693a3;margin-left:auto;font-style:normal}.report-empty{text-align:center;color:#7a899b;border:1px dashed #cfd8e2;border-radius:8px;margin-top:12px;padding:40px}.report-empty>span{color:#a1afbd;font-size:24px}.report-empty h3{color:#3f5065;font-size:12px}.report-empty p{font-size:9px}@media (max-width:1200px){.report-main{grid-template-columns:1fr}.report-cards{max-height:330px}.report-builder{min-height:0}}@media (max-width:900px){.report-layout{grid-template-columns:1fr}.report-sidebar{grid-template-columns:1fr 1fr;display:grid}.report-search{grid-column:1/-1}.report-summary{overflow:auto}.report-summary>div{min-width:130px}.report-summary em{min-width:160px}.report-main{grid-template-columns:1fr}}@media (max-width:600px){.report-sidebar{display:block}.filter-grid{grid-template-columns:1fr}.builder-actions{flex-direction:column;align-items:flex-start;gap:12px}.export-actions span,.export-actions button:last-child,.report-summary>div:nth-child(3),.report-summary>div:nth-child(4){display:none}.report-fields{max-height:120px;overflow:auto}}.kpi-grid{grid-template-columns:repeat(6,1fr)}.kpi-grid .stat{text-align:left;color:inherit;cursor:pointer;font-family:inherit}.kpi-grid .stat:hover{border-color:#a9c9f5;box-shadow:0 3px 12px #284d7d12}.common-filters{grid-template-columns:repeat(3,1fr)}.report-sidebar{max-height:650px;overflow:auto}.report-results .table-wrap{max-height:430px}.report-results thead{z-index:1;position:sticky;top:0}.report-results th{background:#f4f7fa}.report-results td{text-overflow:ellipsis;max-width:230px;overflow:hidden}.report-fields>div{max-height:96px;overflow:auto}.report-catalog .report-cards{max-height:560px}@media (max-width:1250px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.common-filters{grid-template-columns:1fr 1fr}}@media (max-width:760px){.kpi-grid{display:flex}.common-filters{grid-template-columns:1fr}.report-results .report-section-head{align-items:flex-start;gap:8px}.report-results .export-actions{flex-wrap:wrap;justify-content:flex-end}}.global-search{width:min(500px,45vw);position:relative}.global-search .search{width:100%}.search>button{color:#718095;background:0 0;border:0;font-size:16px}.search-popover{z-index:30;background:#fff;border:1px solid #d9e0e8;border-radius:8px;padding:8px;position:absolute;top:43px;left:0;right:0;box-shadow:0 15px 40px #15263e26}.search-popover>small{color:#8896a7;letter-spacing:.08em;padding:6px 8px;font-size:7px;display:block}.search-popover>button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;width:100%;padding:9px;display:flex}.search-popover>button:hover{background:#f0f5fc}.search-popover>button>i{color:#1766ce;background:#e8f1ff;border-radius:6px;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.search-popover>button>span{margin-left:9px}.search-popover b,.search-popover span small{display:block}.search-popover b{font-size:10px}.search-popover span small{color:#8793a3;margin-top:3px;font-size:8px}.search-popover>button>em{color:#1765d8;margin-left:auto;font-size:8px;font-style:normal}.selector-toolbar{grid-template-columns:minmax(260px,1fr) auto 170px 160px;gap:9px;margin-top:18px;padding:12px;display:grid}.smart-search{color:#8090a2;background:#fff;border:1px solid #d5dde7;border-radius:6px;align-items:center;height:36px;padding:0 10px;display:flex}.smart-search input{border:0;outline:0;flex:1;min-width:0;padding:0 8px;font-size:9px}.smart-search button{color:#7b899b;background:0 0;border:0;font-size:15px}.view-toggle{border:1px solid #d7dfe8;border-radius:6px;display:flex;overflow:hidden}.view-toggle button{color:#66758a;background:#fff;border:0;border-right:1px solid #d7dfe8;padding:0 10px;font-size:8px}.view-toggle button:last-child{border:0}.view-toggle button.active{color:#175fc4;background:#eaf2fe;font-weight:700}.selector-toolbar>select{color:#46566a;background:#fff;border:1px solid #d7dfe8;border-radius:6px;padding:0 8px;font-size:9px}.bulk-bar{color:#fff;background:#183454;border-radius:7px;align-items:center;gap:8px;height:42px;margin-top:9px;padding:0 12px;display:flex}.bulk-bar b{font-size:10px}.bulk-bar span{color:#9fb2c8;margin-right:auto;font-size:8px}.bulk-bar button{color:#fff;background:#ffffff10;border:1px solid #fff3;border-radius:4px;padding:6px 8px;font-size:8px}.selectable-table{margin-top:10px}.selection-hint{color:#1766cf;background:#edf4fe;border-radius:12px;padding:5px 8px;font-size:8px}.selected-row{background:#f0f6ff!important}.selectable-table input[type=checkbox],.inline-selection input{accent-color:#1765d8}.no-results{text-align:center;color:#7c899a;padding:45px}.no-results span,.no-results b,.no-results small{display:block}.no-results span{font-size:24px}.no-results b{color:#425269;margin:8px;font-size:11px}.no-results small{font-size:8px}.inline-selection{background:#edf4ff;border-bottom:1px solid #d5e5fa;align-items:center;gap:7px;height:38px;padding:0 15px;display:flex}.inline-selection b{color:#175ebc;margin-right:auto;font-size:9px}.inline-selection button{color:#37628f;background:#fff;border:1px solid #c7daf4;border-radius:4px;padding:5px 8px;font-size:8px}.customer-scope{color:#fff;background:#10233a;border-radius:8px;align-items:center;margin-top:18px;padding:13px 16px;display:flex}.scope-logo{background:#2879ed;border-radius:8px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.customer-scope>div{margin-left:11px}.customer-scope b,.customer-scope small{display:block}.customer-scope b{font-size:11px}.customer-scope small{color:#94a8bf;margin-top:4px;font-size:8px}.customer-scope>.badge{margin-left:auto}.access-tabs{border-bottom:1px solid #dbe2e9;gap:2px;margin-top:12px;display:flex}.access-tabs button{color:#718096;background:0 0;border:0;padding:11px 15px;font-size:9px}.access-tabs button.active{color:#1763ca;border-bottom:2px solid #1765d8;font-weight:700}.access-tabs b{background:#e7edf4;border-radius:10px;margin-left:5px;padding:2px 6px;font-size:7px}.access-panel{margin-top:10px}.smart-search.compact{width:260px;height:32px}.user-cell{align-items:center;gap:9px;display:flex}.user-cell>span{color:#1761c3;background:#e7f0fe;border-radius:7px;place-items:center;width:29px;height:29px;font-size:8px;font-weight:700;display:grid}.role-pill{color:#4d5d71;background:#f0f3f7;border-radius:12px;padding:5px 8px;font-size:8px}.group-layout{grid-template-columns:330px 1fr;gap:12px;margin-top:10px;display:grid}.groups-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;align-items:center;width:100%;padding:13px;display:flex}.groups-list>button.active{background:#edf4ff}.groups-list>button>span{color:#1764cb;background:#e7f0fe;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.groups-list>button>div{margin-left:9px}.groups-list b,.groups-list small{display:block}.groups-list b{font-size:9px}.groups-list small{color:#8491a2;margin-top:4px;font-size:8px}.groups-list em{margin-left:auto;font-style:normal}.mini-primary{color:#fff;background:#1765d8;border:0;border-radius:4px;padding:6px 8px;font-size:8px}.assignment-columns{grid-template-columns:1fr 1fr;gap:18px;padding:18px;display:grid}.assignment-columns section>b{color:#718095;letter-spacing:.08em;font-size:8px}.assignment-columns label{border:1px solid #e2e7ed;border-radius:5px;align-items:center;gap:8px;margin-top:7px;padding:10px;font-size:9px;display:flex}.assignment-columns input{accent-color:#1765d8}.assignment-columns small{color:#8995a5;margin-left:auto;font-size:7px}.assignment-actions{border-top:1px solid #e4e9ee;align-items:center;padding:13px 18px;display:flex}.assignment-actions span{color:#587088;margin-right:auto;font-size:8px}.assignment-actions button{border:0;border-radius:5px;padding:8px 11px}.role-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.role-card{padding:18px}.role-card>span{color:#1762c6;background:#e7f0fe;border-radius:8px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:700;display:grid}.role-card>span.green{color:#168459;background:#e8f7ef}.role-card>span.violet{color:#7550c2;background:#f0ebff}.role-card>span.gray{color:#637185;background:#eef1f4}.role-card h2{margin:13px 0 5px;font-size:12px}.role-card p{color:#8190a2;min-height:28px;font-size:8px}.role-card div{border-top:1px solid #edf0f3;padding-top:10px}.role-card small{color:#53647a;margin:7px 0;font-size:8px;display:block}.role-card button{color:#1765d8;background:0 0;border:0;padding:8px 0;font-size:8px}.subuser-modal{width:min(530px,100%)}.subuser-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid!important}.subuser-fields label{margin:0}.subuser-fields select{background:#fff;border:1px solid #d9e0e8;border-radius:5px;width:100%;height:38px;margin-top:7px;padding:0 9px;font-size:9px;display:block}.invite-check{font-weight:400!important}.subuser-modal>div:last-child{display:flex!important}.badge.invited{color:#94630c;background:#fff2d8}.badge.invited i{background:#d59a29}@media (max-width:1150px){.selector-toolbar,.role-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.global-search{flex:1;width:auto;margin-left:8px}.selector-toolbar{grid-template-columns:1fr}.selector-toolbar .smart-search{grid-column:auto}.bulk-bar{overflow:auto}.bulk-bar span{display:none}.group-layout,.role-grid,.assignment-columns{grid-template-columns:1fr}.customer-scope>.badge{display:none}.smart-search.compact{width:180px}.subuser-fields{grid-template-columns:1fr}.search-popover{position:fixed;top:58px;left:12px;right:12px}}.playback-filters{grid-template-columns:220px 160px minmax(240px,1fr) auto auto;align-items:end;gap:10px;margin-top:18px;padding:12px;display:grid}.playback-filters label{letter-spacing:.06em;color:#708095;font-size:7px;font-weight:700}.playback-filters select,.playback-filters input{color:#35465b;background:#fff;border:1px solid #d7dfe8;border-radius:5px;width:100%;height:35px;margin-top:6px;padding:0 9px;font-size:9px;display:block}.playback-filters>button{color:#fff;background:#1765d8;border:0;border-radius:5px;height:35px;padding:0 13px;font-size:9px;font-weight:700}.playback-filters>span{color:#56705f;white-space:nowrap;align-items:center;gap:7px;height:35px;font-size:8px;display:flex}.playback-summary{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(12,1fr);margin-top:10px;display:grid;overflow:hidden}.playback-summary article{border-right:1px solid #e7ebf0;padding:12px 10px}.playback-summary article:last-child{border:0}.playback-summary small,.playback-summary b{display:block}.playback-summary small{color:#7c899a;white-space:nowrap;font-size:7px}.playback-summary b{margin-top:6px;font-size:11px}.playback-workbench{grid-template-columns:230px minmax(500px,1fr) 275px;gap:10px;margin-top:10px;display:grid}.event-browser{flex-direction:column;height:610px;display:flex}.event-browser-head,.playback-map-head{border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:center;height:58px;padding:0 13px;display:flex}.event-browser-head h2,.playback-map-head h2{margin:0 0 4px;font-size:11px}.event-browser-head p,.playback-map-head p{color:#8290a2;margin:0;font-size:8px}.event-browser-head>span{background:#edf2f7;border-radius:10px;padding:4px 7px;font-size:8px}.event-filter{grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;display:grid}.event-filter button{color:#667589;background:#fff;border:1px solid #dfe5ec;border-radius:4px;padding:6px 4px;font-size:7px}.event-filter button.active{color:#185fbe;background:#e9f1fd;border-color:#bbd2f1}.event-filter button.active.critical{color:#c93333;background:#feeeee;border-color:#efc0c0}.event-filter button.active.warning{color:#a76a09;background:#fff4df;border-color:#ecd19b}.event-filter button.active.quality{color:#6f4abb;background:#efeaff;border-color:#cfbff1}.event-list{border-top:1px solid #edf0f3;flex:1;overflow:auto}.event-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;align-items:flex-start;width:100%;padding:10px;display:flex}.event-list>button:hover,.event-list>button.selected{background:#f1f6fd}.event-list>button>i{color:#1765d8;background:#e8f1fe;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;font-weight:700;display:grid}.event-list>button.critical>i{color:#d13131;background:#fee9e9}.event-list>button.warning>i{color:#bd7605;background:#fff0d5}.event-list>button.quality>i{color:#714ec0;background:#eee8ff}.event-list>button>span{min-width:0;margin-left:8px}.event-list b,.event-list small{display:block}.event-list b{font-size:8px}.event-list small{color:#8592a3;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:7px;overflow:hidden}.event-list em{color:#8996a6;margin-left:auto;font-style:normal}.event-legend{border-top:1px solid #e4e9ee;flex-wrap:wrap;gap:6px 9px;padding:10px;display:flex}.event-legend>b{color:#718095;width:100%;font-size:7px}.event-legend span{color:#64748a;font-size:7px}.event-legend i{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.event-legend i.critical{background:#da3434}.event-legend i.warning{background:#df9220}.event-legend i.operational{background:#2476df}.event-legend i.quality{background:#7652c4}.playback-map-panel{height:610px}.playback-map-head>div:last-child{border:1px solid #dbe2e9;border-radius:5px;display:flex;overflow:hidden}.playback-map-head button{color:#69788c;background:#fff;border:0;border-right:1px solid #e0e5eb;padding:6px 8px;font-size:7px}.playback-map-head button.active{color:#155fc4;background:#eaf2ff}.playback-map{background:#e9eef2;height:552px;position:relative;overflow:hidden}.geofence-zone{background:#3182ee0c;border:2px dashed #2c78dd88;border-radius:25px;width:25%;height:34%;position:absolute;top:52%;left:6%;transform:rotate(-10deg)}.geofence-zone span{color:#296fc1;background:#fff;border-radius:3px;padding:3px 5px;font-size:7px;position:absolute;top:8px;left:10px}.poi{color:#6443ad;background:#fff;border:2px solid #7b5bc2;border-radius:50%;place-items:center;width:20px;height:20px;font-size:7px;font-weight:700;display:grid;position:absolute}.poi span{white-space:nowrap;color:#3c4b5f;background:#fff;border-radius:3px;padding:4px;display:none;position:absolute;top:22px}.poi:hover span{display:block}.p1{top:66%;left:35%}.p2{top:25%;left:81%}.route-segment{transform-origin:0;border-radius:8px;height:6px;position:absolute;box-shadow:0 0 0 2px #fff}.route-segment.travelled{background:#1768d8}.route-segment.future{background:#8eabc8}.normal-gps-point{background:#256dcc88;border-radius:50%;width:3px;height:3px;position:absolute}.endpoint{color:#fff;z-index:2;border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 5px #0002}.endpoint.start{background:#1ca767}.endpoint.end{background:#334860}.map-event{z-index:4;background:0 0;border:0;position:absolute;transform:translate(-50%,-50%)}.map-event>b{color:#fff;background:#2475df;border:3px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:7px;display:grid;box-shadow:0 2px 6px #23405c44}.map-event>span{color:#33465b;white-space:nowrap;background:#fff;border-radius:3px;padding:3px 4px;font-size:6px;font-weight:700;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0002}.map-event.critical>b{background:#dc3434}.map-event.warning>b{background:#dd8a16}.map-event.quality>b{background:#7650c5}.map-event.selected>b{box-shadow:0 0 0 5px #1765d830,0 2px 6px #23405c44}.vehicle-marker{z-index:6;color:#fff;background:#122a45;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0b1b2e55}.vehicle-marker span{color:#58a1ff}.vehicle-marker b{font-size:7px}.vehicle-marker i{color:#50a2ff;font-style:normal}.vehicle-popup{z-index:5;background:#fff;border-radius:7px;width:225px;padding:11px;position:absolute;top:14px;left:14px;box-shadow:0 5px 18px #263d5530}.vehicle-popup>div{justify-content:space-between;align-items:center;display:flex}.vehicle-popup>div>b{font-size:9px}.event-tag{color:#1765d8;background:#e8f1fe;border-radius:10px;padding:4px 6px;font-size:6px}.event-tag.critical{color:#c83232;background:#fee9e9}.event-tag.warning{color:#ac6b0b;background:#fff0d8}.event-tag.quality{color:#6d4abb;background:#ede8ff}.vehicle-popup dl{grid-template-columns:1fr 1fr;gap:3px 8px;margin:9px 0;display:grid}.vehicle-popup dl div{display:contents}.vehicle-popup dt{color:#8794a4;font-size:6px}.vehicle-popup dd{text-align:right;color:#25384e;margin:0;font-size:7px}.vehicle-popup p{color:#607188;border-top:1px solid #edf0f3;margin:7px 0 0;padding-top:7px;font-size:7px}.playback-map-controls{flex-direction:column;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 7px #0002}.playback-map-controls button{background:#fff;border:1px solid #d7dfe8;width:28px;height:28px}.point-inspector{flex-direction:column;height:610px;display:flex}.point-head{border-bottom:1px solid #e8ecf1;align-items:center;gap:9px;padding:13px;display:flex}.point-head>span{color:#1765d8;background:#e8f1fe;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.point-head>span.critical{color:#ce3434;background:#fee9e9}.point-head>span.warning{color:#b36c07;background:#fff0d8}.point-head>span.quality{color:#6c4bb7;background:#eee8ff}.point-head small{color:#7c8b9c;font-size:6px}.point-head h2{margin:3px 0;font-size:10px}.point-head p{color:#8693a3;margin:0;font-size:7px}.point-fields{flex:1;padding:7px 12px;overflow:auto}.point-fields>div{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:8px;padding:6px 0;display:flex}.point-fields span{color:#7b8999;font-size:7px}.point-fields b{text-align:right;max-width:155px;font-size:7px}.event-evidence{background:#fff4e3;border:1px solid #f0d4a4;border-radius:5px;margin:8px 11px;padding:8px}.event-evidence>b{color:#9b6208;font-size:7px}.event-evidence dl{grid-template-columns:1fr 1fr;gap:4px;margin:6px 0 0;display:grid}.event-evidence dt,.event-evidence dd{margin:0;font-size:7px}.event-evidence dd{text-align:right;font-weight:700}.quality-separation{border-top:1px solid #e2e7ec;grid-template-columns:1fr 1fr;display:grid}.quality-separation>div{padding:9px}.quality-separation>div+div{border-left:1px solid #e2e7ec}.quality-separation b,.quality-separation span{display:block}.quality-separation b{color:#7e8b9b;text-transform:uppercase;font-size:6px}.quality-separation span{margin-top:4px;font-family:monospace;font-size:7px}.investigation-timeline{margin-top:10px;padding-bottom:10px;overflow:visible}.timeline-top{border-bottom:1px solid #e8ecf1;align-items:center;height:59px;padding:0 16px;display:flex}.timeline-top h2{margin:0 0 4px;font-size:10px}.timeline-top p{color:#8290a1;margin:0;font-size:7px}.timeline-top>strong{color:#1765d8;margin-left:13px;font:700 13px monospace}.timeline-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.timeline-actions button{background:#fff;border:1px solid #d8dfe7;border-radius:4px;width:28px;height:28px;font-size:8px}.timeline-actions button.play{color:#fff;background:#1765d8;border:0;border-radius:50%}.timeline-actions select{background:#fff;border:1px solid #d8dfe7;border-radius:4px;height:28px;font-size:8px}.timeline-track{height:100px;margin:0 32px;position:relative}.track-base,.track-progress{background:#cad5e0;border-radius:4px;height:4px;position:absolute;top:48px;left:0;right:0}.track-progress{background:#1765d8;right:auto}.timeline-track>button{background:0 0;border:0;position:absolute;top:38px;transform:translate(-50%)}.timeline-track>button>i{color:#fff;background:#2475df;border:3px solid #fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:7px;font-style:normal;display:grid;box-shadow:0 1px 4px #0003}.timeline-track>button.critical>i{background:#d93636}.timeline-track>button.warning>i{background:#dd8b16}.timeline-track>button.quality>i{background:#7752c4}.timeline-track>button.selected>i{box-shadow:0 0 0 5px #1e70de2c}.timeline-track>button span{white-space:nowrap;color:#526276;font-size:6px;font-weight:700;display:block;position:absolute;top:27px;left:50%;transform:translate(-50%)}.timeline-track>button span small{color:#8895a4;margin-top:2px;font-weight:400;display:block}.gps-gap-band{background:#7852c31a;border-left:1px dashed #7550c2;border-right:1px dashed #7550c2;height:20px;position:absolute;top:40px}.gps-gap-band b{white-space:nowrap;color:#704eae;font-size:6px;position:absolute;bottom:23px}.timeline-scale{color:#8995a5;justify-content:space-between;padding:0 28px;font-size:7px;display:flex}.quality-strip{background:#f4f1fc;border:1px solid #e2d8f7;border-radius:5px;align-items:center;gap:8px;margin:10px 16px 0;padding:8px;display:flex}.quality-strip>b{color:#7354ad;font-size:6px}.quality-strip span{color:#5e438e;background:#fff;border-radius:3px;padding:4px;font:6px monospace}.quality-strip span small{color:#81719d}.quality-strip em{color:#685982;margin-left:auto;font-size:7px;font-style:normal}@media (max-width:1350px){.playback-summary{grid-template-columns:repeat(6,1fr)}.playback-workbench{grid-template-columns:210px 1fr}.point-inspector{grid-column:1/-1;height:auto}.point-fields{grid-template-columns:repeat(4,1fr);gap:0 14px;display:grid}.quality-separation{grid-column:1/-1}}@media (max-width:900px){.playback-filters{grid-template-columns:1fr 1fr}.playback-filters>span{display:none}.playback-summary{grid-template-columns:repeat(3,1fr)}.playback-workbench{grid-template-columns:1fr}.event-browser{height:360px}.playback-map-panel{height:550px}.playback-map{height:492px}.point-fields{grid-template-columns:1fr 1fr}.timeline-track{margin:0 14px}.timeline-track>button span{display:none}.quality-strip{overflow:auto}.quality-strip em{white-space:nowrap}.vehicle-popup{width:190px}}@media (max-width:600px){.playback-filters{grid-template-columns:1fr}.playback-summary{display:flex;overflow:auto}.playback-summary article{min-width:115px}.playback-map-panel{height:480px}.playback-map{height:422px}.vehicle-popup,.playback-map-head>div:last-child{display:none}.point-fields{grid-template-columns:1fr}.timeline-top>strong{display:none}.timeline-actions{gap:3px}.timeline-track>button:nth-of-type(2n),.quality-strip>b{display:none}}.status-running{--vehicle-state:#16a566}.status-stopped{--vehicle-state:#df4148}.status-idle{--vehicle-state:#e58a18}.status-inactive{--vehicle-state:#2877dc}.status-no-data{--vehicle-state:#7c8795}.vehicle-symbol{width:32px;height:20px;color:var(--vehicle-state,#2877dc);vertical-align:middle;flex:0 0 32px;display:inline-block;position:relative}.vehicle-symbol>i{background:currentColor;border-radius:2px;width:21px;height:9px;position:absolute;bottom:6px;left:2px}.vehicle-symbol>i:after{content:"";clip-path:polygon(0 20%,68% 20%,100% 58%,100% 100%,0 100%);background:currentColor;border-radius:3px 4px 2px 1px;width:10px;height:12px;position:absolute;bottom:0;left:17px}.vehicle-symbol>b,.vehicle-symbol>em{background:#fff;border:2px solid;border-radius:50%;width:7px;height:7px;position:absolute;bottom:2px}.vehicle-symbol>b{left:6px}.vehicle-symbol>em{left:23px}.vehicle-symbol.type-trailer>i{border-radius:2px;width:28px;height:8px}.vehicle-symbol.type-trailer>i:after{display:none}.vehicle-symbol.type-trailer>b{left:6px}.vehicle-symbol.type-trailer>em{left:23px}.vehicle-symbol.type-tractor>i{border-radius:5px 4px 2px 2px;width:13px;height:12px;left:10px}.vehicle-symbol.type-tractor>i:before{content:"";background:currentColor;width:2px;height:9px;position:absolute;top:-8px;left:7px}.vehicle-symbol.type-tractor>i:after{clip-path:none;border-radius:2px;width:9px;height:7px;bottom:0;left:-8px}.vehicle-symbol.type-tractor>b{width:10px;height:10px;bottom:0;left:2px}.vehicle-symbol.type-tractor>em{left:21px}.vehicle-symbol.type-car>i{border-radius:7px 7px 3px 3px;width:28px;height:8px;left:2px}.vehicle-symbol.type-car>i:after{clip-path:none;border-radius:7px 7px 0 0;width:14px;height:7px;bottom:7px;left:7px}.vehicle-symbol.type-car>b{left:5px}.vehicle-symbol.type-car>em{left:22px}.vehicle-symbol.type-puller>i{border-radius:4px 3px 2px 2px;width:17px;height:11px;left:5px}.vehicle-symbol.type-puller>i:after{width:8px;height:9px;left:15px}.vehicle-symbol.type-puller>b{width:9px;height:9px;bottom:0;left:4px}.vehicle-symbol.type-puller>em{left:22px}.fleet-marker{z-index:4;border:2px solid var(--vehicle-state);color:#23354a;text-align:left;cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:7px;padding:5px 7px 5px 6px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #24364c30}.fleet-marker:hover{z-index:7;transform:translate(-50%,-50%)scale(1.04)}.fleet-marker span:last-child b,.fleet-marker span:last-child small{white-space:nowrap;display:block}.fleet-marker span:last-child b{font-size:7px}.fleet-marker span:last-child small{color:#718095;margin-top:2px;font-size:6px}.map-status-legend{white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:12px;padding:7px 10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 9px #36476025}.map-status-legend span,.status-key span{color:#53647a;font-size:7px}.map-status-legend i,.status-key i{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.legend-green i,.status-key .status-running i{background:#16a566}.legend-red i,.status-key .status-stopped i{background:#df4148}.legend-orange i,.status-key .status-idle i{background:#e58a18}.legend-blue i,.status-key .status-inactive i{background:#2877dc}.legend-grey i,.status-key .status-no-data i{background:#7c8795}.vehicle-type-cell{align-items:center;gap:7px;display:flex}.vehicle-type-cell>span{color:#425269;font-size:9px;font-weight:700}.badge.status-running{color:#147a4e;background:#e7f7ef}.badge.status-stopped{color:#b32f36;background:#fdebed}.badge.status-idle{color:#a86108;background:#fff2df}.badge.status-inactive{color:#1d62bb;background:#eaf2fd}.badge.status-no-data{color:#626d7a;background:#edf0f3}.badge.status-running i,.badge.status-stopped i,.badge.status-idle i,.badge.status-inactive i,.badge.status-no-data i{background:var(--vehicle-state)}.success-notice{color:#236b4b;background:#effaf4;border:1px solid #bfe5d2;border-radius:7px;align-items:center;gap:10px;min-height:42px;margin-top:16px;padding:8px 12px;display:flex}.success-notice b{font-size:9px}.success-notice span{color:#638173;font-size:8px}.success-notice button{color:#648173;background:0 0;border:0;margin-left:auto;font-size:15px}.add-device-modal{width:min(700px,100%);padding:22px}.add-device-modal>.modal-title-row{border-bottom:1px solid #e7ebef;justify-content:flex-start;align-items:center;gap:12px;padding-bottom:15px;display:flex}.add-device-modal>.modal-title-row h2,.add-device-modal>.modal-title-row p{margin:0}.add-device-modal>.modal-title-row p{margin-top:4px}.device-fields{grid-template-columns:repeat(2,1fr);gap:0 12px;justify-content:initial!important;display:grid!important}.device-fields label{margin:14px 0 0}.add-device-modal select{color:#35465b;background:#fff;border:1px solid #d9e0e8;border-radius:5px;width:100%;height:38px;margin-top:7px;padding:0 9px;font-size:9px;display:block}.symbol-picker{border:1px solid #dce3ea;border-radius:7px;margin:17px 0 0;padding:12px}.symbol-picker legend{color:#617187;padding:0 6px;font-size:8px;font-weight:700}.symbol-picker>p{color:#7a899a;margin:0 0 10px;font-size:8px}.symbol-picker>div{grid-template-columns:repeat(5,1fr);gap:7px;justify-content:initial!important;display:grid!important}.symbol-picker button{color:#405167;background:#fff;border:1px solid #dce3ea;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:69px;display:flex;position:relative}.symbol-picker button:hover{background:#f6f9fd;border-color:#9dbde6}.symbol-picker button.selected{color:#155ebf;background:#edf4ff;border:2px solid #1765d8}.symbol-picker button b{font-size:8px}.symbol-picker button small{color:#fff;background:#1765d8;border-radius:7px;padding:2px 4px;font-size:5px;position:absolute;top:4px;right:4px}.status-preview{background:#f6f8fa;border-radius:7px;align-items:center;gap:14px;margin-top:12px;padding:9px 11px;justify-content:space-between!important;display:flex!important}.status-preview>div:first-child{align-items:center;gap:7px;display:flex}.status-preview b,.status-preview small{display:block}.status-preview b{font-size:8px}.status-preview small{color:#7d8a9a;margin-top:3px;font-size:7px}.status-key{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.modal-actions{gap:8px;margin-top:17px;justify-content:flex-end!important;display:flex!important}.modal-actions button{min-width:110px}.tracking-layout .fleet-marker span:last-child{display:block}@media (max-width:800px){.fleet-marker span:last-child{display:none}.map-status-legend{gap:7px;max-width:calc(100% - 24px);overflow:auto}.device-fields{grid-template-columns:1fr}.symbol-picker>div{grid-template-columns:repeat(3,1fr)}.status-preview{flex-direction:column;align-items:flex-start}.add-device-modal{max-height:calc(100vh - 28px);overflow:auto}}.operations-tabs{border-bottom:1px solid #d8e0e8;gap:3px;margin-top:18px;display:flex}.operations-tabs button{color:#68778a;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:9px}.operations-tabs button.active{color:#1765d8;border-color:#1765d8;font-weight:700}.operations-tabs b{color:#58697e;background:#e9eff6;border-radius:9px;margin-left:6px;padding:2px 5px;font-size:7px}.inventory-counters{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px;display:grid}.inventory-counters button{color:#596a7f;background:#fff;border:1px solid #e0e6ed;border-radius:7px;justify-content:space-between;align-items:center;min-height:52px;padding:10px 12px;display:flex}.inventory-counters button.active{background:#f3f7fd;border-color:#a8c8ef}.inventory-counters span{font-size:8px;font-weight:600}.inventory-counters b{color:#35475b;background:#edf1f5;border-radius:5px;padding:5px 7px;font-size:10px}.inventory-counters button.active b{color:#fff;background:#1765d8}.inventory-console,.customer-directory{margin-top:10px;overflow:visible}.inventory-toolbar{border-bottom:1px solid #e3e8ee;grid-template-columns:170px minmax(280px,1fr) auto auto;align-items:center;gap:9px;min-height:58px;padding:10px 12px;display:grid}.inventory-toolbar>select{color:#43546a;background:#fff;border:1px solid #d4dde7;border-radius:6px;height:36px;padding:0 9px;font-size:9px}.inventory-search{color:#8290a1;border:1px solid #d4dde7;border-radius:6px;align-items:center;height:36px;padding:0 10px;display:flex}.inventory-search input{border:0;outline:0;flex:1;min-width:0;padding:0 8px;font-size:9px}.inventory-search button{color:#778699;background:0 0;border:0;font-size:14px}.deleted-toggle{white-space:nowrap;color:#596a7e;align-items:center;gap:6px;font-size:8px;display:flex}.deleted-toggle input{accent-color:#1765d8}.inventory-tools{justify-content:flex-end;gap:5px;display:flex}.inventory-tools button{color:#43556a;background:#fff;border:1px solid #d5dde7;border-radius:5px;height:34px;padding:0 9px;font-size:8px}.inventory-tools button:hover{background:#f5f8fc;border-color:#9fb7d5}.inventory-tools .tool-add{color:#fff;background:#1765d8;border-color:#1765d8;width:34px;padding:0;font-size:16px}.inventory-viewbar{background:#fafbfc;border-bottom:1px solid #e6eaf0;align-items:center;height:41px;padding:0 12px;display:flex}.inventory-viewbar>div{border:1px solid #d8e0e8;border-radius:5px;display:flex;overflow:hidden}.inventory-viewbar button{color:#637286;background:#fff;border:0;border-right:1px solid #d8e0e8;padding:6px 9px;font-size:8px}.inventory-viewbar button:last-child{border:0}.inventory-viewbar button.active{color:#1761c7;background:#eaf2fe;font-weight:700}.inventory-viewbar>span{color:#8390a0;margin-left:auto;font-size:7px}.inventory-table{max-height:480px}.inventory-table table{min-width:1180px}.inventory-table th{z-index:2;position:sticky;top:0}.inventory-table td{height:51px}.row-actions{gap:4px;display:flex}.row-actions button{color:#1765d8;background:#edf4fe;border:1px solid #bfd3ef;border-radius:4px;width:25px;height:25px;padding:0;font-size:8px}.row-actions button.warn{color:#ad6b08;background:#fff2dc;border-color:#efd39f}.row-actions button:hover{color:#fff;background:#1765d8}.inventory-pagination{border-top:1px solid #e1e6ec;align-items:center;gap:12px;min-height:51px;padding:8px 12px;display:flex}.inventory-pagination>span{color:#67778a;margin-right:auto;font-size:8px}.inventory-pagination>select{background:#fff;border:1px solid #d4dde7;border-radius:5px;height:31px;padding:0 7px;font-size:8px}.inventory-pagination>div{display:flex}.inventory-pagination button{color:#56667a;background:#fff;border:1px solid #d5dde6;border-right:0;min-width:30px;height:31px;font-size:8px}.inventory-pagination button:first-child{border-radius:5px 0 0 5px}.inventory-pagination button:last-child{border-right:1px solid #d5dde6;border-radius:0 5px 5px 0}.inventory-pagination button.active{color:#fff;background:#1765d8;border-color:#1765d8}.customer-metrics{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px;display:grid}.customer-metrics article{background:#fff;border:1px solid #dfe5ec;border-radius:7px;padding:13px}.customer-metrics small,.customer-metrics b,.customer-metrics span{display:block}.customer-metrics small{color:#718095;font-size:7px}.customer-metrics b{margin:7px 0;font-size:19px}.customer-metrics span{color:#178154;font-size:7px}.customer-directory .table-wrap{min-height:300px}.record-editor-backdrop{z-index:120;background:#0b1727b5;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.record-editor{background:#f4f6f8;border-radius:10px;flex-direction:column;width:min(1480px,100%);height:min(920px,100vh - 36px);display:flex;overflow:hidden;box-shadow:0 20px 70px #0005}.record-editor>header{background:#fff;border-bottom:1px solid #dce3ea;flex:none;justify-content:space-between;align-items:center;min-height:76px;padding:15px 21px;display:flex}.record-editor>header span{color:#1765d8;letter-spacing:.1em;font-size:7px;font-weight:700}.record-editor>header h2{margin:5px 0 3px;font-size:17px}.record-editor>header p{color:#7c8999;margin:0;font-size:8px}.record-editor>header>button{color:#536379;background:#eef2f6;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.record-editor>main{flex:1;padding:12px 14px;overflow:auto}.record-editor>footer{background:#fff;border-top:1px solid #dce3ea;flex:none;align-items:center;min-height:65px;padding:11px 20px;display:flex}.record-editor>footer>span{color:#7d8998;margin-right:auto;font-size:8px}.record-editor>footer>div{gap:8px;display:flex}.record-editor>footer button{border-radius:5px;height:36px;padding:0 14px;font-size:9px;font-weight:600}.editor-section{background:#fff;border:1px solid #dce3ea;border-radius:7px;margin-bottom:10px;overflow:hidden}.editor-section>header{background:#fafbfc;border-bottom:1px solid #e2e7ec;justify-content:space-between;align-items:center;height:51px;padding:0 15px;display:flex}.editor-section>header h3{margin:0 0 3px;font-size:10px}.editor-section>header p{color:#8592a2;margin:0;font-size:7px}.editor-section>header>span{color:#8290a2;font-size:10px}.editor-section-body{padding:13px 15px}.editor-grid{gap:11px 13px;display:grid}.editor-grid.four{grid-template-columns:repeat(4,1fr)}.editor-grid.three{grid-template-columns:repeat(3,1fr)}.editor-field{min-width:0;display:block}.editor-field>span{color:#4a5b70;margin-bottom:6px;font-size:8px;font-weight:700;display:block}.editor-field>span b{color:#df4148}.editor-field input,.editor-field select,.scope-box select{color:#33465b;background:#fff;border:1px solid #d3dce6;border-radius:5px;outline:0;width:100%;height:37px;padding:0 9px;font-size:9px}.editor-field input:focus,.editor-field select:focus{border-color:#6ca1e4;box-shadow:0 0 0 3px #1765d812}.editor-symbols{border-top:1px solid #e7ebef;margin-top:14px;padding-top:12px}.editor-symbols>b{color:#617187;letter-spacing:.07em;font-size:7px}.editor-symbols>p{color:#8995a4;margin:4px 0 8px;font-size:7px}.editor-symbols>div{grid-template-columns:repeat(5,minmax(80px,130px));gap:7px;display:grid}.editor-symbols button{color:#43546a;background:#fff;border:1px solid #dce3ea;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:57px;display:flex;position:relative}.editor-symbols button.selected{color:#155ebf;background:#edf4ff;border:2px solid #1765d8}.editor-symbols button>span{font-size:8px;font-weight:700}.editor-symbols button>small{color:#fff;background:#1765d8;border-radius:7px;padding:2px 4px;font-size:5px;position:absolute;top:3px;right:4px}.advanced-editor{gap:7px;display:grid}.advanced-editor>div{grid-template-columns:minmax(170px,.7fr) minmax(240px,1.3fr) 32px;gap:7px;display:grid}.advanced-editor input{border:1px solid #d5dde7;border-radius:5px;height:35px;padding:0 9px;font-size:8px}.advanced-editor>div button{color:#c9363e;background:#fff0f1;border:1px solid #f0c1c4;border-radius:5px;font-size:13px}.add-setting{color:#3f638e;background:#f8fafc;border:1px dashed #a9bbd1;border-radius:5px;height:34px;font-size:8px}.toggle-grid,.data-push-row{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.toggle-grid label,.data-push-row label{color:#4d5e72;border:1px solid #e0e6ed;border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:8px 10px;font-size:8px;display:flex}.toggle-grid input,.data-push-row input,.permission-layout input{accent-color:#1765d8}.permission-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:15px;display:grid}.permission-checks{grid-template-columns:1fr 1fr;gap:7px;display:grid}.permission-checks label{border:1px solid #e0e6ed;border-radius:5px;align-items:flex-start;gap:8px;padding:9px;display:flex}.permission-checks b,.permission-checks small{display:block}.permission-checks b{font-size:8px}.permission-checks small{color:#8793a2;margin-top:3px;font-size:7px}.scope-box{background:#fafbfc;border:1px solid #e0e6ed;border-radius:6px;flex-direction:column;gap:8px;padding:11px;display:flex}.scope-box>b{color:#66768a;font-size:7px}.scope-box>label{color:#506175;align-items:center;gap:7px;font-size:8px;display:flex}.scope-box select{height:87px;padding:6px}.scope-box .simple-check{border-top:1px solid #e2e7ec;padding-top:8px}.badge.active{color:#147a4e;background:#e7f7ef}.badge.active i{background:#16a566}@media (max-width:1150px){.inventory-counters{grid-template-columns:repeat(3,1fr)}.inventory-toolbar{grid-template-columns:150px 1fr}.deleted-toggle{grid-row:2}.inventory-tools{grid-area:2/2}.editor-grid.four,.editor-grid.three{grid-template-columns:repeat(2,1fr)}.customer-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.inventory-counters{display:flex;overflow:auto}.inventory-counters button{min-width:145px}.inventory-toolbar{grid-template-columns:1fr}.inventory-toolbar>*{grid-area:auto!important}.inventory-tools{justify-content:flex-start;overflow:auto}.inventory-tools button span,.inventory-viewbar>span{display:none}.inventory-pagination{flex-wrap:wrap;align-items:flex-start}.inventory-pagination>span{width:100%}.customer-metrics{display:flex;overflow:auto}.customer-metrics article{min-width:130px}.record-editor-backdrop{padding:0}.record-editor{border-radius:0;height:100vh}.record-editor>header{padding:12px}.record-editor>main{padding:8px}.record-editor>footer{padding:9px 10px}.record-editor>footer>span,.record-editor>footer .secondary:nth-child(2){display:none}.editor-section-body{padding:11px}.editor-grid.four,.editor-grid.three{grid-template-columns:1fr}.editor-symbols>div{grid-template-columns:repeat(2,1fr)}.toggle-grid,.data-push-row{grid-template-columns:1fr 1fr}.permission-layout,.permission-checks{grid-template-columns:1fr}.advanced-editor>div{grid-template-columns:1fr 1fr 30px}}.clean-empty{text-align:center;color:#778699;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:28px;display:flex}.clean-empty>span{color:#4675ae;background:#edf3fa;border-radius:10px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.clean-empty>b{color:#3e5066;margin-top:10px;font-size:11px}.clean-empty>small{max-width:360px;margin-top:5px;font-size:8px;line-height:1.6}.alert-panel .clean-empty{min-height:275px}.vehicle-list .clean-empty{min-height:250px}.fleet-marker{display:none}.map:after{content:"No vehicle positions received";color:#6e7d8f;pointer-events:none;background:#fff;border:1px solid #dce3ea;border-radius:6px;padding:9px 12px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #24364c18}.map-status-legend{z-index:3}.editor-grid.two{grid-template-columns:repeat(2,1fr)}button:disabled{opacity:.45;cursor:not-allowed}.packet-connection{color:#65758a;background:#fff;border:1px solid #d9e2eb;border-radius:6px;align-items:center;gap:7px;min-height:36px;margin-top:18px;padding:0 11px;font-size:8px;display:flex}.packet-connection i{background:#8b97a5;border-radius:50%;width:8px;height:8px}.packet-connection.connected{color:#2f7355;background:#f1faf5;border-color:#bde2cf}.packet-connection.connected i{background:#17a668;box-shadow:0 0 0 4px #17a6681a}.packet-connection span{color:#8995a4;margin-left:auto}.packet-query-card{margin-top:10px;padding:14px}.packet-query-grid{grid-template-columns:1.15fr 1fr 1fr .8fr auto;align-items:end;gap:10px;display:grid}.packet-search-button{border-radius:5px;height:37px;padding:0 13px;font-size:9px;font-weight:700}.selected-device-strip{border-top:1px solid #e7ebef;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.selected-device-strip b,.selected-device-strip small{display:block}.selected-device-strip b{font-size:9px}.selected-device-strip small{color:#8190a2;margin-top:3px;font-size:7px}.selected-device-strip em{color:#586b82;margin-left:auto;font-size:8px;font-style:normal}.form-error{color:#b83338;background:#feeeee;border:1px solid #f2c1c1;border-radius:5px;margin-top:10px;padding:8px 10px;font-size:8px}.packet-results{margin-top:10px}.packet-results-head{border-bottom:1px solid #e4e9ee;align-items:center;gap:12px;min-height:61px;padding:10px 14px;display:flex}.packet-results-head h2{margin:0 0 4px;font-size:11px}.packet-results-head p{color:#7f8d9e;margin:0;font-size:8px}.packet-result-tools{gap:6px;margin-left:auto;display:flex}.packet-result-tools>label{color:#8290a1;border:1px solid #d7dfe8;border-radius:5px;align-items:center;min-width:220px;height:33px;padding:0 8px;display:flex}.packet-result-tools input{border:0;outline:0;flex:1;min-width:0;padding-left:7px;font-size:8px}.packet-result-tools button{color:#46586d;background:#fff;border:1px solid #d6dee7;border-radius:5px;height:33px;padding:0 9px;font-size:8px}.packet-result-tools button:not(:disabled):hover{color:#1765d8;border-color:#1765d8}.raw-packet-table{max-height:430px}.raw-packet-table table{min-width:1050px}.raw-packet-table tbody tr{cursor:pointer}.packet-direction{color:#177c50;background:#e7f7ef;border-radius:10px;padding:4px 6px;font-size:7px;font-weight:700;display:inline-block}.packet-direction.tx{color:#1d62bb;background:#eaf2fd}.packet-preview{text-overflow:ellipsis;color:#52667e;max-width:360px;font-family:monospace;overflow:hidden}.packet-inspector{color:#c9d7e6;background:#0d1724;border-top:1px solid #e1e7ed;grid-template-columns:190px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.packet-inspector b,.packet-inspector span{display:block}.packet-inspector b{color:#fff;font-size:8px}.packet-inspector span{color:#7f94a9;margin-top:4px;font-size:7px}.packet-inspector code{color:#76daa7;white-space:nowrap;font-size:8px;overflow:auto}.packet-inspector button{color:#d5e1ed;background:#17283a;border:1px solid #40546b;border-radius:4px;height:29px;font-size:7px}.playback-empty-filters{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:10px;margin-top:18px;padding:13px;display:grid}.playback-empty-filters>button{border-radius:5px;height:37px;padding:0 13px}.clean-map-empty{background:#e9eef2;height:520px;margin-top:10px;position:relative;overflow:hidden}.clean-map-empty>.clean-empty{z-index:2;position:absolute;inset:0}.compact-editor{width:min(850px,100%);height:min(680px,100vh - 36px)}.clean-role-grid{margin-top:12px}.user-toolbar{grid-template-columns:170px 1fr 1px auto}.report-results .clean-empty{min-height:210px}.report-results button:disabled{opacity:.4}@media (max-width:1100px){.packet-query-grid{grid-template-columns:1fr 1fr}.packet-search-button{grid-column:2}.packet-result-tools{flex-wrap:wrap;justify-content:flex-end}.packet-result-tools>label{min-width:180px}.playback-empty-filters{grid-template-columns:1fr 1fr}.editor-grid.two{grid-template-columns:1fr}}@media (max-width:700px){.packet-query-grid,.playback-empty-filters{grid-template-columns:1fr}.packet-search-button{grid-column:auto}.packet-results-head{flex-direction:column;align-items:flex-start}.packet-result-tools{width:100%;margin-left:0}.packet-result-tools>label{width:100%;min-width:0}.packet-inspector{grid-template-columns:1fr}.packet-inspector code{white-space:normal}.user-toolbar{grid-template-columns:1fr}.clean-map-empty{height:420px}}:root{--font-ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--text-xs:11px;--text-sm:12px;--text-base:14px}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}button,input,select,textarea{font:inherit;font-family:var(--font-ui);line-height:1.35;font-size:13px!important}label{line-height:1.4;font-size:var(--text-sm)!important}small{line-height:1.45;font-size:var(--text-xs)!important}table th{letter-spacing:.015em;line-height:1.35;font-size:var(--text-xs)!important}table td{line-height:1.45;font-size:var(--text-sm)!important}.sidebar .full-nav button{line-height:1.3;font-size:12px!important}.brand small,.sidebar-foot small,.user small,.breadcrumbs,.side-label,.page-head p,.panel-head p,.stat span,.stat small,.module-metrics small,.clean-empty>b,.clean-empty>small,.map:after{line-height:1.4;font-size:var(--text-xs)!important}.page-head h1{line-height:1.2;font-size:26px!important}.panel-head h2,.packet-results-head h2,.point-head h2,.timeline-top h2,.report-section-head h2{line-height:1.3;font-size:14px!important}.badge,.status-pill,.status-badge,.packet-direction,.event-legend,.timeline-scale,.quality-strip,.report-section-head span,.report-fields>span,.point-fields span,.point-fields b,.selected-device-strip b,.selected-device-strip small,.selected-device-strip em,.form-error,.packet-connection,.packet-results-head p,.packet-result-tools input,.packet-result-tools button,.packet-inspector b,.packet-inspector span,.packet-inspector code,.packet-inspector button{line-height:1.4;font-size:var(--text-xs)!important}.packet-preview{line-height:1.45;font-size:var(--text-xs)!important}@media (max-width:760px){body{font-size:13px}.page-head h1{font-size:22px!important}}.sidebar,.workspace{transition:width .2s,margin-left .2s,padding .2s}.sidebar-toggle{color:#dce7f3;cursor:pointer;z-index:2;background:#17283b;border:1px solid #344960;border-radius:50%;place-items:center;width:27px;height:27px;padding:0;display:grid;position:absolute;top:24px;right:-13px;box-shadow:0 3px 10px #07111f45}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{color:#fff;background:#2477ef;border-color:#2477ef;outline:3px solid #2477ef2e}.app-shell.sidebar-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}.app-shell.sidebar-collapsed .workspace{width:calc(100% - 76px);margin-left:76px}.sidebar.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .brand-copy,.sidebar.collapsed .side-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .status-copy{display:none}.sidebar.collapsed .full-nav{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sidebar.collapsed .full-nav>div+div{border-top:1px solid #26384c;margin-top:8px;padding-top:8px}.sidebar.collapsed .full-nav button{text-align:center;place-items:center;width:44px;height:40px;margin:0 auto 3px;padding:0;display:grid}.sidebar.collapsed .full-nav button .nav-icon{width:auto;font-size:16px}.sidebar.collapsed .sidebar-foot{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-foot .pulse{margin-top:2px}@media (max-width:760px){.sidebar-toggle{display:none}.app-shell.sidebar-collapsed .sidebar{width:238px;padding:20px 14px}.app-shell.sidebar-collapsed .workspace{width:100%;margin-left:0}.sidebar.collapsed .brand{justify-content:flex-start;padding:0 10px 23px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .side-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .status-copy{display:block}.sidebar.collapsed .full-nav{margin:0 -5px;padding:0 5px 15px}.sidebar.collapsed .full-nav>div+div{border-top:0;margin-top:0;padding-top:0}.sidebar.collapsed .full-nav button{text-align:left;width:100%;height:auto;margin:0;padding:7px 12px;display:block}.sidebar.collapsed .full-nav button .nav-icon{width:23px;font-size:12px;display:inline-block}.sidebar.collapsed .sidebar-foot{justify-content:flex-start;padding:17px 10px 2px}}.reference-shell{--nav:#101b4d;--blue:#3156bf;--bg:#eef2f7;--line:#d8dee9}.reference-shell .sidebar{background:linear-gradient(#101b4d,#0b153d);padding-top:14px;box-shadow:3px 0 12px #18264b1c}.reference-shell .brand{padding-bottom:15px}.reference-shell .brand-mark{color:#3156bf;background:#fff;border-radius:50%;font-size:15px;box-shadow:inset 0 0 0 3px #88a5f2}.reference-shell .sidebar nav button{border-radius:3px;min-height:37px}.reference-shell .sidebar nav button.active{background:#3156bf;box-shadow:inset 3px 0 #8bb2ff}.reference-shell .sidebar nav button:hover{background:#223a84}.reference-shell .sidebar.collapsed .full-nav>div+div{border-top-color:#27386b}.reference-shell .sidebar-toggle{background:#3156bf;border-color:#6e8ddd;top:18px}.reference-shell .workspace{background:#eef2f7}.reference-shell .topbar{border-bottom-color:#d6dce6;height:54px;padding:0 16px;box-shadow:0 1px 4px #1d2e5312}.reference-shell .search{background:#fff;border-radius:3px;height:34px}.reference-shell .icon-button,.reference-shell .user>span{border-radius:3px}.reference-shell .content{max-width:none;padding:12px 14px 32px}.reference-shell .page-head{color:#fff;background:#3156bf;align-items:center;min-height:58px;margin:-12px -14px 12px;padding:9px 16px;box-shadow:0 2px 6px #243c7c22}.reference-shell .breadcrumbs{color:#b9caf8}.reference-shell .breadcrumbs b,.reference-shell .page-head h1{color:#fff}.reference-shell .page-head h1{letter-spacing:0;margin:3px 0 1px;font-size:18px!important}.reference-shell .page-head p{color:#d9e3ff}.reference-shell .page-head .primary{color:#2448aa;background:#fff;border-color:#fff}.reference-shell .page-head .secondary{color:#fff;background:#ffffff17;border-color:#fff5}.reference-shell .panel{border-color:#d6dce6;border-radius:3px;box-shadow:0 1px 3px #182a4f12}.reference-shell .panel-head,.reference-shell .widget-title{background:#fbfcfe}.reference-dashboard{grid-template-columns:190px minmax(0,1fr);gap:9px;display:grid}.summary-stack{flex-direction:column;gap:7px;display:flex}.summary-stack button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d5dce8;border-radius:3px;justify-content:space-between;align-items:center;height:72px;padding:10px 11px;display:flex;box-shadow:0 1px 3px #1d2b4a10}.summary-stack button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1d2b4a16}.summary-stack button span>*{display:block}.summary-stack button small{color:#6b7890;font-size:11px!important}.summary-stack button b{color:#294fb7;margin:4px 0 1px;font-size:18px}.summary-stack button em{color:#97a2b4;font-size:10px;font-style:normal}.summary-stack button>i{color:#3156bf;background:#eef3ff;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:800;display:grid}.summary-stack button.green b{color:#209565}.summary-stack button.green>i{color:#209565;background:#e9f8f1}.summary-stack button.amber b{color:#ca8a1d}.summary-stack button.amber>i{color:#ca8a1d;background:#fff5df}.summary-stack button.red b{color:#d84c55}.summary-stack button.red>i{color:#d84c55;background:#feedef}.summary-stack button.violet b{color:#7754c5}.summary-stack button.violet>i{color:#7754c5;background:#f1edfb}.dashboard-board{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;display:grid}.board-widget{min-width:0}.map-board,.priority-widget{grid-column:1/-1}.widget-title{border-bottom:1px solid #dfe4ec;align-items:center;gap:8px;height:48px;padding:0 11px;display:flex}.widget-title .drag-handle{color:#9aa7ba;cursor:grab}.widget-title div{min-width:0}.widget-title b,.widget-title small{display:block}.widget-title b{font-size:12px}.widget-title small{color:#7a8799;margin-top:2px;font-size:10px!important}.widget-title button{color:#3156bf;background:#fff;border:1px solid #d1d9e5;border-radius:3px;margin-left:auto;padding:6px 9px}.widget-title em{color:#3156bf;margin-left:auto;font-style:normal;font-weight:800}.object-status-tabs{background:#f5f7fa;border-bottom:1px solid #dfe4ec;grid-template-columns:repeat(6,1fr);gap:5px;padding:7px;display:grid}.object-status-tabs button{color:#fff;border:0;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:42px;display:flex}.object-status-tabs button b{font-size:15px}.object-status-tabs button small{font-size:10px!important}.object-status-tabs .green{background:#3da56d}.object-status-tabs .amber{background:#e7ae42}.object-status-tabs .red{background:#e46767}.object-status-tabs .blue{background:#4e7bd8}.object-status-tabs .grey{background:#8a95a5}.object-status-tabs .navy{background:#33415f}.map-board>.map-panel{box-shadow:none;border:0;border-radius:0}.map-board>.map-panel>.panel-head{display:none}.map-board>.map-panel .map{height:285px}.chart-widget{min-height:235px}.zero-chart{background:repeating-linear-gradient(#fff 0 45px,#e7ebf1 46px);height:186px;position:relative;overflow:hidden}.zero-chart:before{content:"";border-left:1px solid #c9d1dd;position:absolute;top:18px;bottom:24px;left:34px}.zero-chart:after{content:"";opacity:.35;border-bottom:2px solid;position:absolute;bottom:24px;left:34px;right:15px}.chart-widget.blue{color:#417ee3}.chart-widget.amber{color:#e0a23b}.chart-widget.green{color:#2ca66c}.chart-widget.red{color:#db6368}.axis-label{color:#8a96a8;font-size:9px;position:absolute;bottom:18px;left:13px}.zero-message{color:#7e8da1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zero-message i{font-size:20px;font-style:normal}.zero-message b{margin-top:5px;font-size:11px}.zero-message small{margin-top:2px;font-size:10px!important}.priority-widget .clean-empty{min-height:150px}.reference-shell .table-panel{margin-top:9px}@media (max-width:1050px){.reference-dashboard{grid-template-columns:1fr}.summary-stack{grid-template-columns:repeat(4,1fr);display:grid}.summary-stack button{height:68px}.dashboard-board{grid-template-columns:1fr 1fr}}@media (max-width:760px){.reference-shell .content{padding:10px}.reference-shell .page-head{margin:-10px -10px 10px;padding:10px 12px}.reference-dashboard{display:block}.summary-stack{flex-direction:row;margin-bottom:8px;display:flex;overflow:auto}.summary-stack button{min-width:150px}.dashboard-board{grid-template-columns:1fr}.map-board,.priority-widget{grid-column:auto}.object-status-tabs{display:flex;overflow:auto}.object-status-tabs button{min-width:86px}.reference-shell .sidebar{padding-top:14px}.reference-shell .topbar{height:54px}}.dashboard-editor{background:#f3f6ff;border:1px solid #b8c9ef;align-items:center;gap:7px;min-height:48px;margin:-3px 0 9px;padding:7px 10px;display:flex;box-shadow:0 1px 3px #1c31611a}.dashboard-editor>div{margin-right:auto}.dashboard-editor b,.dashboard-editor span{display:block}.dashboard-editor b{font-size:12px}.dashboard-editor span{color:#71809a;margin-top:2px;font-size:10px}.dashboard-editor button{color:#55657d;background:#fff;border:1px solid #cdd6e5;border-radius:3px;height:30px;padding:0 9px}.dashboard-editor button.active{color:#fff;background:#3156bf;border-color:#3156bf}.dashboard-board.editing .board-widget{outline-offset:-3px;outline:2px dashed #8ca5e3}.dashboard-board.editing .drag-handle{color:#3156bf}.reference-tracking{grid-template-columns:285px minmax(0,1fr);gap:8px;margin-top:0}.reference-tracking>.panel{border-radius:2px}.reference-tracking .vehicle-list{min-height:610px}.reference-tracking .vehicle-list>.panel-head{background:#f8fafc;height:48px}.panel-tool{color:#3156bf;background:#fff;border:1px solid #d1d9e5;border-radius:2px;width:28px;height:28px}.tracking-status-tabs{background:#f3f5f8;border-bottom:1px solid #dce2eb;grid-template-columns:repeat(5,1fr);gap:2px;padding:5px;display:grid}.tracking-status-tabs button{color:#6d7a8e;background:#fff;border:0;border-radius:2px;height:42px;padding:3px 1px}.tracking-status-tabs b,.tracking-status-tabs small{display:block}.tracking-status-tabs b{font-size:13px}.tracking-status-tabs small{font-size:9px!important}.tracking-status-tabs .green{border-top:3px solid #32a66c}.tracking-status-tabs .amber{border-top:3px solid #e1a63b}.tracking-status-tabs .red{border-top:3px solid #db5e65}.tracking-status-tabs .blue{border-top:3px solid #4b79d5}.tracking-status-tabs .grey{border-top:3px solid #8895a6}.object-search{color:#8a97aa;background:#fff;border:1px solid #d5dce6;align-items:center;height:36px;margin:7px;padding:0 8px;display:flex}.object-search input{border:0;outline:0;flex:1;min-width:0;padding-left:7px}.object-tools{border-bottom:1px solid #e1e6ed;gap:4px;padding:0 7px 7px;display:flex}.object-tools button{color:#65748a;background:#fff;border:1px solid #d5dce6;border-radius:2px;height:27px;font-size:10px!important}.reference-tracking>.map-panel .map{height:551px}.reference-tracking>.map-panel>.panel-head{background:#fbfcfe;height:48px}.reference-shell .report-summary{border-radius:2px;margin:0 0 8px}.reference-shell .report-layout{grid-template-columns:225px minmax(0,1fr);gap:8px}.reference-shell .report-sidebar{background:#15255c;border-color:#15255c;border-radius:2px;padding:7px}.reference-shell .report-search{background:#fff;border-radius:2px;margin-bottom:6px}.reference-shell .report-sidebar>button{color:#d2dcfa;background:#1b2e6c;border-color:#283b77;border-radius:2px}.reference-shell .report-sidebar>button:hover,.reference-shell .report-sidebar>button.active{color:#fff;background:#3156bf;border-color:#5577d4}.reference-shell .report-sidebar>button small{color:#aebce4}.reference-shell .report-catalog,.reference-shell .report-builder,.reference-shell .report-results{border-radius:2px}.reference-shell .report-section-head{background:#f8fafc}.reference-shell .report-cards{gap:4px;padding:7px}.reference-shell .report-cards>button{border-radius:2px}.reference-shell .report-cards>button.selected{background:#f0f4ff;border-color:#3156bf;box-shadow:inset 3px 0 #3156bf}.reference-shell .filter-grid label,.reference-shell .editor-field{color:#57667b;font-weight:700}.reference-shell .filter-grid input,.reference-shell .filter-grid select,.reference-shell .editor-grid input,.reference-shell .editor-grid select,.reference-shell .editor-grid textarea{background:#fff;border-radius:2px}.reference-shell .report-fields button{border-radius:2px}.reference-shell .builder-actions{background:#f8fafc}.reference-shell .state-bar{background:#fff;border-radius:2px;margin-top:0}.reference-shell .module-metrics{gap:7px;margin-top:8px}.reference-shell .module-metrics article{border-top:3px solid #3156bf;border-radius:2px;padding:12px}.reference-shell .selector-toolbar,.reference-shell .bulk-bar,.reference-shell .record-editor,.reference-shell .editor-section{border-radius:2px}.reference-shell .inventory-tabs button.active,.reference-shell .view-toggle button.active{color:#fff;background:#3156bf}.reference-shell .inventory-counters button.active{border-color:#3156bf;box-shadow:inset 0 -3px #3156bf}.reference-shell .record-editor>header{color:#fff;background:#3156bf}.reference-shell .record-editor>header p,.reference-shell .record-editor>header small{color:#dce5ff}.reference-shell .editor-section>header{background:#f5f7fb}.reference-shell .permission-layout aside button.active{color:#fff;background:#3156bf}.reference-shell table thead th{color:#53627a;background:#edf1f7;border-bottom-color:#cfd7e3}.reference-shell table tbody tr:hover{background:#f3f6fc}.reference-shell .table-wrap{scrollbar-color:#8297c2 #eef1f5}.reference-shell .clean-empty>span{color:#3156bf;background:#edf2ff;border-radius:50%}.reference-shell .playback-filters,.reference-shell .playback-summary article,.reference-shell .playback-workbench>.panel,.reference-shell .investigation-timeline{border-radius:2px}.reference-shell .event-browser-head,.reference-shell .playback-map-head,.reference-shell .timeline-top{background:#f8fafc}.reference-shell .event-filter button.active{color:#fff;background:#3156bf}.reference-shell .playback-map{background-color:#e8edf3}.reference-shell .timeline-actions .play,.reference-shell .timeline-track .track-progress{background:#3156bf}@media (max-width:900px){.dashboard-editor{flex-wrap:wrap;align-items:flex-start}.dashboard-editor>div{width:100%;margin-right:0}.reference-tracking{grid-template-columns:1fr}.reference-tracking .vehicle-list{min-height:260px}.reference-tracking>.map-panel .map{height:480px}.reference-shell .report-layout{grid-template-columns:1fr}.reference-shell .report-sidebar{display:flex;overflow:auto}.reference-shell .report-sidebar>.report-search{min-width:220px}.reference-shell .report-sidebar>button{min-width:210px}}@media (max-width:760px){.dashboard-editor button{flex:1;min-width:135px}.reference-tracking>.map-panel .map{height:420px}.reference-shell .report-sidebar{margin-bottom:8px}}.nav-section-tools{border-bottom:1px solid #26386c;align-items:center;gap:3px;min-height:30px;padding:0 5px 5px;display:flex!important}.nav-section-tools>span{color:#7889b8;letter-spacing:.1em;margin-right:auto;font-size:9px;font-weight:800}.sidebar .full-nav .nav-section-tools button{text-align:center;color:#bfcaf0;background:#192a63;border:1px solid #344980;width:25px;height:24px;min-height:0;padding:0}.sidebar .full-nav .nav-section-tools button:hover{color:#fff;background:#3156bf}.nav-group{display:block}.sidebar .full-nav .nav-group-toggle{color:#8999c4;letter-spacing:.075em;background:0 0;border:0;border-radius:3px;align-items:center;width:100%;min-height:34px;padding:6px 8px;font-weight:800;display:flex}.sidebar .full-nav .nav-group-toggle:hover,.sidebar .full-nav .nav-group.open>.nav-group-toggle{color:#e7edff;background:#172860}.sidebar .full-nav .nav-group-toggle .nav-group-icon{color:#8ea7ec;width:25px;font-size:13px}.sidebar .full-nav .nav-group-toggle .nav-group-name{text-align:left;flex:1;width:auto;font-size:10px}.sidebar .full-nav .nav-group-toggle .nav-group-chevron{text-align:center;color:#93a5d4;width:18px;font-size:13px}.nav-group-items{border-bottom:1px solid #223467;padding:3px 0 6px}.sidebar .full-nav .nav-group-items>button{padding-left:11px}.nav-group-items>button.active{box-shadow:inset 3px 0 #9ab8ff}.sidebar.collapsed .nav-section-tools{display:none!important}.sidebar.collapsed .nav-group{padding:2px 0}.sidebar.collapsed .nav-group+.nav-group{border-top:1px solid #27386b}.sidebar.collapsed .nav-group-name,.sidebar.collapsed .nav-group-chevron{display:none}.sidebar.collapsed .full-nav .nav-group-toggle{place-items:center;width:44px;height:36px;min-height:36px;margin:0 auto;padding:0;display:grid}.sidebar.collapsed .full-nav .nav-group-toggle .nav-group-icon{width:auto;font-size:15px}.sidebar.collapsed .nav-group.open>.nav-group-toggle{background:#223a84}.sidebar.collapsed .nav-group-items{border-bottom:0;padding:3px 0 5px}.sidebar.collapsed .nav-group-items>button{padding:0}@media (max-width:760px){.sidebar.collapsed .nav-section-tools{display:flex!important}.sidebar.collapsed .nav-group-name,.sidebar.collapsed .nav-group-chevron{display:block}.sidebar.collapsed .nav-group{padding:0}.sidebar.collapsed .nav-group+.nav-group{border-top:0}.sidebar.collapsed .full-nav .nav-group-toggle{width:100%;height:auto;min-height:34px;margin:0;padding:6px 8px;display:flex}.sidebar.collapsed .full-nav .nav-group-toggle .nav-group-icon{width:25px;font-size:13px}.sidebar.collapsed .nav-group-items{border-bottom:1px solid #223467;padding:3px 0 6px}.sidebar.collapsed .nav-group-items>button{padding:7px 12px}}