:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10213e;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #087cf0;--blue-dark: #0867d2;--cyan: #0aa7b8;--teal: #08a8a8;--green: #16b876;--orange: #f2a900;--red: #ed3b3b;--purple: #8b5cf6;--ink: #10213e;--muted: #64748b;--border: #e2e8f0;--panel: #ffffff;--shadow: 0 7px 24px rgba(30, 54, 89, .07);--radius: 16px}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:#f5f8fc}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:254px;padding:22px 14px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{height:42px;padding:0 12px 16px;display:flex;align-items:center;gap:9px;font-size:20px;font-weight:750;letter-spacing:-.5px}.brand strong{color:var(--cyan)}.brand__mark,.login-brand span,.login-card__mark{width:35px;height:35px;border-radius:50% 50% 50% 12px;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(145deg,#08a8a8,#087cf0);box-shadow:0 6px 16px #087cf02e}.sidebar__nav{display:flex;flex-direction:column;gap:5px;margin-top:18px}.nav-link{display:flex;align-items:center;gap:14px;height:45px;padding:0 14px;color:#29405f;border-radius:11px;font-size:14px;font-weight:570;transition:.18s ease}.nav-link:hover{background:#f0f6fe;color:var(--blue)}.nav-link--active{color:#fff;background:linear-gradient(110deg,#087cf0,#0569e7);box-shadow:0 7px 16px #087cf038}.nav-link--active:hover{color:#fff;background:linear-gradient(110deg,#087cf0,#0569e7)}.sidebar__health{margin-top:auto;padding:15px;border:1px solid #dfe7ef;border-radius:13px;display:flex;gap:11px;color:var(--green);background:#fbfefd}.sidebar__health div{display:flex;flex-direction:column;gap:3px}.sidebar__health strong{color:var(--ink);font-size:12px}.sidebar__health span{color:var(--muted);font-size:10px;line-height:1.35}.sidebar__close,.topbar__menu{display:none!important}.workspace{min-height:100vh;margin-left:254px}.topbar{position:sticky;top:0;z-index:30;height:70px;padding:0 28px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px}.search{width:min(500px,42vw);height:40px;border:1px solid #dce4ed;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#8290a5}.search:focus-within{border-color:#9fc8f5;box-shadow:0 0 0 3px #eaf4ff}.search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.search kbd{padding:3px 6px;border:1px solid var(--border);background:#f8fafc;border-radius:6px;font-size:10px}.topbar__date{margin-left:auto;display:flex;align-items:center;gap:8px;padding-right:18px;border-right:1px solid var(--border);font-size:12px;font-weight:650;white-space:nowrap}.topbar__notifications,.icon-button{width:36px;height:36px;border:0;border-radius:9px;background:transparent;display:grid;place-items:center;cursor:pointer}.topbar__notifications:hover,.icon-button:hover{background:#f0f5fb}.profile{display:flex;align-items:center;gap:9px}.profile__avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#c8ebff,#eef7ff);color:var(--blue)}.profile>div{display:flex;flex-direction:column;min-width:100px}.profile strong{font-size:12px;max-width:130px;text-overflow:ellipsis;overflow:hidden}.profile span{font-size:10px;color:var(--muted);text-transform:capitalize}.demo-banner{min-height:30px;padding:6px 28px;display:flex;align-items:center;justify-content:center;gap:7px;color:#6d4c00;background:#fff7d8;border-bottom:1px solid #f0dc90;font-size:11px;font-weight:600}.main-content{padding:22px 28px 38px}.page{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-heading,.vehicle-heading{min-height:63px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-heading h1,.vehicle-heading h1{margin:1px 0 3px;font-size:clamp(24px,2vw,30px);letter-spacing:-.7px;line-height:1.18}.page-heading p,.vehicle-heading p{margin:0;color:var(--muted);font-size:13px}.eyebrow,.panel__eyebrow{color:var(--blue);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1.2px}.page-count{min-height:35px;padding:0 12px;border-radius:9px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:7px;color:#435672;font-size:12px;font-weight:650}.panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.panel__header{min-height:30px;margin-bottom:9px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel__header h2{margin:2px 0 0;font-size:14px;letter-spacing:-.15px}.panel__action{display:flex;align-items:center}.text-link{color:var(--blue);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.text-link:hover{color:var(--blue-dark);text-decoration:underline}.panel-empty{margin:22px 0;text-align:center;color:var(--muted);font-size:12px}.metric-grid{display:grid;gap:13px}.metric-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-width:0;min-height:92px;padding:15px 17px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.metric-card--compact{min-height:81px;padding:12px 14px}.metric-card__icon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}.metric-card--compact .metric-card__icon{width:42px;height:42px}.metric-card__icon--blue{color:#087cf0;background:#e4f1ff}.metric-card__icon--green{color:#0ca867;background:#dcf8eb}.metric-card__icon--teal{color:#079b9b;background:#dcf7f7}.metric-card__icon--orange{color:#e79600;background:#fff3d2}.metric-card__icon--red{color:#e83232;background:#ffe5e5}.metric-card__icon--cyan{color:#079bb0;background:#e1f7fa}.metric-card__icon--purple{color:#8054dc;background:#eee7ff}.metric-card__content{min-width:0;display:flex;flex-direction:column}.metric-card__label{color:#4d617e;font-size:11px;white-space:nowrap}.metric-card__value{margin:1px 0;font-size:clamp(18px,1.55vw,25px);line-height:1.15;color:#0d1d37;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric-card--compact .metric-card__value{font-size:18px}.metric-card__hint{color:#77869b;font-size:9.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge,.severity,.sensor-pill,.live-indicator{width:fit-content;display:inline-flex;align-items:center;gap:5px;border-radius:99px;font-weight:700;white-space:nowrap}.badge{padding:5px 9px;font-size:10px}.badge--online{color:#078c55;background:#e1f8ec;border:1px solid #c5eed9}.badge--stale,.badge--reconnecting{color:#a36500;background:#fff5d7;border:1px solid #f4df9d}.badge--offline{color:#c92f2f;background:#ffe8e8;border:1px solid #ffcaca}.badge--unknown{color:#59677b;background:#edf1f5;border:1px solid #dce3ea}.badge--gps{color:#078c55;background:#eefaf3;border:1px solid #c7ebd7}.severity{padding:4px 8px;font-size:9px}.severity--low{color:#176dc2;background:#e8f3ff}.severity--medium{color:#b96f00;background:#fff2d9}.severity--high,.severity--critical{color:#d32626;background:#ffe4e4}.sensor-pill{padding:5px 8px;font-size:9px;border:1px solid var(--border);background:#f8fafc;color:#53647a}.sensor-pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sensor-pill--valid{color:#0b9660;background:#f0fbf6;border-color:#d3f0e1}.sensor-pill--invalid{color:#c63838;background:#fff2f2;border-color:#f5d2d2}.live-indicator{padding:7px 10px;font-size:10px}.live-indicator--connected{color:#078c55;background:#e7f9ef}.live-indicator--demo{color:#825d00;background:#fff2c8}.live-indicator--connecting,.live-indicator--reconnecting{color:#126ec9;background:#e6f2ff}.live-indicator--offline{color:#c92f2f;background:#ffe8e8}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.85fr);gap:13px}.map-panel{padding:9px;overflow:hidden}.map-panel .panel__header{padding:4px 4px 0}.map-canvas{height:295px;width:100%;border-radius:12px;z-index:1;background:#edf3f7}.map-placeholder{height:295px;border-radius:12px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);background:#eef4f7;font-size:12px;text-align:center}.alert-list{display:flex;flex-direction:column}.alert-row{min-width:0;min-height:51px;padding:8px 2px;border-bottom:1px solid #edf1f5;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.alert-row:last-child{border-bottom:0}.alert-row:hover strong{color:var(--blue)}.alert-row__icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.alert-row__icon--low{color:var(--blue);background:#e8f3ff}.alert-row__icon--medium{color:#e49600;background:#fff3d7}.alert-row__icon--high,.alert-row__icon--critical{color:var(--red);background:#ffe7e7}.alert-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.alert-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.alert-row span{color:var(--muted);font-size:9px}.vehicle-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vehicle-summary{min-width:0;padding:11px;border:1px solid var(--border);border-radius:12px;transition:.18s}.vehicle-summary:hover{border-color:#acd2f8;transform:translateY(-1px);box-shadow:0 8px 20px #13376312}.vehicle-summary__header{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:8px}.vehicle-summary__icon{width:37px;height:33px;display:grid;place-items:center;border-radius:8px;background:#e9f3ff;color:var(--blue)}.vehicle-summary__header>div{display:flex;flex-direction:column;min-width:0}.vehicle-summary__header strong{font-size:11px}.vehicle-summary__header div span{color:var(--muted);font-size:9px}.vehicle-summary__metrics{margin-top:11px;padding-top:9px;border-top:1px solid #edf1f5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.vehicle-summary__metrics span{display:flex;align-items:center;gap:4px;color:#425670;font-size:9px;white-space:nowrap;overflow:hidden}.vehicle-summary__metrics svg{color:var(--blue);flex:none}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.82fr);gap:13px}.mini-chart-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:10px}.mini-chart,.connectivity-card{min-width:0;height:190px;padding:10px;border:1px solid var(--border);border-radius:12px}.mini-chart header{display:flex;justify-content:space-between;font-size:10px}.mini-chart header span{color:var(--blue)}.chart{width:100%;height:145px}.panel>.chart{height:185px}.connectivity-card{display:flex;align-items:center;gap:6px}.connectivity-card>div:last-child{display:flex;flex-direction:column;gap:4px;font-size:10px}.connectivity-card span{color:var(--muted)}.donut{position:relative;width:125px;height:125px;flex:0 0 auto}.donut__label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.donut__label strong{font-size:18px}.donut__label span{font-size:8px;color:var(--muted)}.trip-list{display:flex;flex-direction:column}.trip-row{min-height:45px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid #edf1f5}.trip-row:last-child{border-bottom:0}.trip-row__icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--blue);background:#e9f3ff}.trip-row>div{display:flex;flex-direction:column}.trip-row strong{font-size:10px}.trip-row div span{color:var(--muted);font-size:9px}.trip-state{padding:4px 7px;border-radius:99px;font-size:8.5px;font-weight:700;white-space:nowrap}.trip-state--active,.trip-state--acknowledged{color:#176dc2;background:#e7f2ff}.trip-state--completed,.trip-state--resolved{color:#078c55;background:#e3f8ed}.vehicle-heading__title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vehicle-heading__right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:var(--muted);font-size:10px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--muted);font-size:10px}.back-link:hover{color:var(--blue)}.vehicle-primary-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.95fr);gap:13px}.vehicle-route-panel .map-canvas,.vehicle-route-panel .map-placeholder{height:300px}.identity-hero{min-height:67px;padding:9px;margin-bottom:8px;border-radius:11px;background:linear-gradient(120deg,#f0f7ff,#f5fbfb);display:flex;align-items:center;gap:11px}.identity-hero>span{width:49px;height:49px;border-radius:12px;background:#fff;color:var(--blue);display:grid;place-items:center;box-shadow:var(--shadow)}.identity-hero div{display:flex;flex-direction:column;gap:3px}.identity-hero strong{font-size:12px}.identity-hero small{color:var(--muted);font-size:9px}.identity-list,.settings-list{margin:0}.identity-list div{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1f5;font-size:10px}.identity-list dt{color:var(--muted)}.identity-list dd{margin:0;font-weight:650;text-align:right}.health-score{margin-top:9px;padding:9px 10px;border-radius:10px;color:var(--green);background:#ecfaf3;display:flex;align-items:center;gap:9px}.health-score div{display:flex;flex-direction:column}.health-score strong{color:#087c4e;font-size:10px}.health-score span{color:#4e806b;font-size:8px}.vehicle-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vehicle-data-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr);gap:13px}.telemetry-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--border);border-radius:11px;overflow:hidden}.data-value{min-width:0;min-height:61px;padding:10px;display:flex;align-items:center;gap:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--blue)}.data-value:nth-child(5n){border-right:0}.data-value:nth-last-child(-n+5){border-bottom:0}.data-value>div{min-width:0;display:flex;flex-direction:column;gap:2px}.data-value span{color:var(--muted);font-size:8px}.data-value strong{color:var(--ink);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-value--invalid{color:#ba3e3e;background:snow}.data-value--invalid strong{color:#ba3e3e}.sensor-health-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.technical-details{margin-top:10px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.technical-details summary{padding:10px;cursor:pointer;color:var(--blue);font-size:10px;font-weight:700}.technical-details pre{max-height:320px;margin:0;padding:12px;overflow:auto;background:#0f1d30;color:#d7e6f7;font-size:9px;line-height:1.5}.acoustic-summary{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.acoustic-summary header{display:flex;justify-content:space-between;margin-bottom:5px}.acoustic-summary header strong{font-size:10px}.acoustic-summary header span{color:var(--muted);font-size:8px}.acoustic-summary>div{min-height:28px;display:grid;grid-template-columns:1fr auto 38px;align-items:center;gap:8px;border-bottom:1px solid #edf1f5;font-size:9px}.acoustic-summary small{color:var(--muted);text-align:right}.page-toolbar{min-height:49px;padding:7px;border:1px solid var(--border);background:#fff;border-radius:12px;display:flex;align-items:center;gap:7px;box-shadow:var(--shadow)}.filter-search{width:min(430px,100%);height:35px;padding:0 10px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:8px;color:var(--muted)}.filter-search input{width:100%;border:0;outline:0;font-size:11px}.toolbar-label{padding:0 7px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.filter-chip{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:10px;cursor:pointer}.filter-chip--active{color:#fff;border-color:var(--blue);background:var(--blue)}.vehicle-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vehicle-card,.device-card,.trip-card{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.vehicle-card>header{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:10px}.vehicle-card__image{width:55px;height:45px;border-radius:11px;background:#ebf4ff;color:var(--blue);display:grid;place-items:center}.vehicle-card h2,.device-card h2{margin:0 0 3px;font-size:14px}.vehicle-card header p,.device-card p{margin:0;color:var(--muted);font-size:9px}.vehicle-card__description{min-height:30px;margin:12px 0;color:var(--muted);font-size:10px}.vehicle-card__data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.vehicle-card__data>span{min-width:0;padding:8px;border-radius:9px;background:#f7f9fc;display:grid;grid-template-columns:auto 1fr;column-gap:6px}.vehicle-card__data svg{grid-row:1 / span 2;color:var(--blue)}.vehicle-card__data small{color:var(--muted);font-size:7px}.vehicle-card__data strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card>footer{margin-top:13px;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.full-map-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(300px,.75fr);gap:13px}.full-map-panel .map-canvas,.full-map-panel .async-state{height:calc(100vh - 190px);min-height:500px}.map-vehicle-list{display:flex;flex-direction:column}.map-vehicle-list>a{min-height:70px;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--border)}.map-vehicle-list__icon{width:32px;height:32px;display:grid;place-items:center;color:var(--blue);background:#e8f3ff;border-radius:9px}.map-vehicle-list a>div{min-width:0;display:flex;flex-direction:column;gap:2px}.map-vehicle-list strong{font-size:11px}.map-vehicle-list div span,.map-vehicle-list small{display:flex;gap:3px;color:var(--muted);font-size:8px}.alert-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.data-table{width:100%;min-width:950px;border-collapse:collapse}.data-table th{height:38px;padding:0 12px;background:#f8fafc;color:#64748b;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:10px 12px;border-top:1px solid var(--border);font-size:10px}.table-primary{display:flex;align-items:center;gap:8px;min-width:250px}.table-primary>div{display:flex;flex-direction:column;gap:2px}.table-primary span{color:var(--muted);font-size:8px}.table-actions{display:flex;gap:5px}.button{min-height:36px;padding:0 13px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:linear-gradient(115deg,var(--blue),#0968d7);box-shadow:0 6px 14px #087cf02e}.button--secondary{color:var(--blue);background:#e8f3ff}.button--ghost{color:#4b5e78;background:#f1f4f8}.button--small{min-height:28px;padding:0 8px;font-size:8px}.button--wide{width:100%}.trip-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.trip-card>header{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px}.trip-card>header>span:first-child{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--blue);background:#e8f3ff}.trip-card header div{display:flex;flex-direction:column}.trip-card header a{font-size:12px;font-weight:700}.trip-card header small{color:var(--muted);font-size:8px}.trip-card__stats{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.trip-card__stats>span{padding:8px;display:flex;gap:6px;border-radius:9px;background:#f7f9fc;color:var(--blue)}.trip-card__stats div{min-width:0;display:flex;flex-direction:column}.trip-card__stats small{color:var(--muted);font-size:7px}.trip-card__stats strong{color:var(--ink);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-card>footer{margin-top:11px;padding-top:9px;border-top:1px solid var(--border);color:var(--muted);font-size:8px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.device-card>header{display:flex;justify-content:space-between}.device-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px}.device-card__icon--online{color:var(--green);background:#e5f9ef}.device-card__icon--offline{color:var(--red);background:#ffe8e8}.device-card__icon--stale,.device-card__icon--reconnecting,.device-card__icon--unknown{color:var(--orange);background:#fff4d8}.device-card h2{margin-top:12px}.device-card dl{margin:13px 0 0}.device-card dl div{min-height:31px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px}.device-card dt{color:var(--muted)}.device-card dd{margin:0;font-weight:650}.device-card footer{margin:10px -16px -16px;padding:10px 16px;border-radius:0 0 var(--radius) var(--radius);background:#f8fafc;color:var(--muted);display:flex;gap:5px;font-size:8px}.select-control{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:9px}.select-control select{min-width:190px;height:35px;padding:0 30px 0 9px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink);font-size:11px}.analytics-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.analytics-chart-grid .chart{height:230px}.information-note{margin:0;padding:12px;border-radius:10px;color:#40536d;background:#f0f6fc;font-size:10px;line-height:1.6}.information-note--icon{display:flex;gap:9px;align-items:flex-start;color:#1268b8}.information-note p{margin:0}.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.report-card{min-height:170px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.report-card>span{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;color:var(--blue);background:#e7f2ff}.report-card p{max-width:560px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.settings-list div{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);font-size:10px}.settings-list div:last-child{border-bottom:0}.settings-list dt{display:flex;align-items:center;gap:7px;color:var(--muted)}.settings-list dd{margin:0;font-weight:650}.plain-list{margin:0;padding-left:18px;color:#455873;font-size:10px;line-height:1.9}.async-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--blue);text-align:center}.async-state h3{margin:4px 0 0;color:var(--ink);font-size:14px}.async-state p{max-width:440px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.async-state--error{color:var(--red)}.async-state--empty{color:#8290a4}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1.15fr) minmax(420px,.85fr);background:#fff}.login-visual{position:relative;overflow:hidden;padding:34px 48px;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(10,196,197,.48),transparent 34%),linear-gradient(140deg,#071c3c,#0a4d83 55%,#078f9a)}.login-visual:after{content:"";position:absolute;right:-120px;bottom:-140px;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 65px #ffffff09,0 0 0 130px #ffffff06}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:21px;font-weight:750}.login-brand strong{color:#55dfde}.login-visual__content{position:relative;z-index:1;max-width:640px;margin-top:min(22vh,200px)}.login-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:#ffffff17;font-size:10px;font-weight:700}.login-visual h1{margin:20px 0 14px;font-size:clamp(35px,4vw,61px);line-height:1.03;letter-spacing:-2.6px}.login-visual__content>p{max-width:570px;color:#c8ddf1;font-size:15px;line-height:1.7}.login-trust{margin-top:42px;display:flex;gap:11px;align-items:center;color:#61e2bc}.login-trust div{display:flex;flex-direction:column}.login-trust strong{color:#fff;font-size:11px}.login-trust span{color:#b8d0e3;font-size:9px}.login-form-wrap{display:grid;place-items:center;padding:36px}.login-card{width:min(390px,100%)}.login-card__mark{margin-bottom:20px}.login-card h2{margin:0 0 5px;font-size:29px;letter-spacing:-.8px}.login-card>p{margin-bottom:26px;color:var(--muted);font-size:12px}.login-card label{margin-bottom:16px;display:flex;flex-direction:column;gap:7px;color:#344862;font-size:10px;font-weight:700}.input-wrap{height:43px;padding:0 12px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:9px;color:#8492a6}.input-wrap:focus-within{border-color:#9fc8f5;box-shadow:0 0 0 3px #eaf4ff}.input-wrap input{width:100%;border:0;outline:0}.form-error,.demo-login-note{margin-bottom:15px;padding:10px;border-radius:9px;font-size:10px;line-height:1.5}.form-error{color:#b52d2d;background:#fff0f0}.demo-login-note{color:#755600;background:#fff6d8}@media(max-width:1280px){.metric-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid--five .metric-card:nth-child(n+4){min-height:80px}.vehicle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-chart-grid{grid-template-columns:1fr 1fr}.connectivity-card{grid-column:span 2}.vehicle-catalog,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-values{grid-template-columns:repeat(3,minmax(0,1fr))}.data-value:nth-child(5n){border-right:1px solid var(--border)}.data-value:nth-child(3n){border-right:0}.data-value:nth-last-child(-n+5){border-bottom:1px solid var(--border)}.data-value:nth-last-child(-n+1){border-bottom:0}}@media(max-width:1020px){.sidebar{width:220px}.workspace{margin-left:220px}.topbar{padding:0 18px}.main-content{padding:18px}.dashboard-main-grid,.dashboard-lower-grid,.vehicle-primary-grid,.vehicle-data-grid,.full-map-layout{grid-template-columns:1fr}.vehicle-chart-grid{grid-template-columns:1fr 1fr}.dashboard-main-grid .map-canvas,.dashboard-main-grid .map-placeholder{height:330px}.full-map-panel .map-canvas{height:520px;min-height:0}.topbar__date span{display:none}.search{width:min(420px,48vw)}}@media(max-width:780px){.sidebar{width:min(280px,82vw);visibility:hidden;transform:translate(-105%);transition:transform .22s ease,visibility .22s;box-shadow:10px 0 35px #14284629}.sidebar--open{visibility:visible;transform:translate(0)}.sidebar__close,.topbar__menu{display:grid!important}.sidebar__close{margin-left:auto}.sidebar-backdrop{position:fixed;inset:0;z-index:35;border:0;background:#0b1a306e}.workspace{margin-left:0}.topbar{height:60px;padding:0 12px;gap:8px}.topbar__menu{flex:0 0 auto}.search{flex:1;width:auto}.search kbd,.topbar__date,.profile>div,.profile .icon-button{display:none}.profile{margin-left:1px}.demo-banner{padding-inline:12px;text-align:center}.main-content{padding:14px 12px 30px}.page-heading,.vehicle-heading{flex-direction:column;min-height:0;gap:10px}.vehicle-heading__right{align-items:flex-start}.metric-grid--five,.metric-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:79px;padding:11px}.metric-card__icon{width:39px;height:39px}.vehicle-chart-grid,.analytics-chart-grid,.trip-cards,.report-grid,.settings-grid,.vehicle-catalog,.device-grid{grid-template-columns:1fr}.trip-card__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-visual{min-height:320px;padding:28px}.login-visual__content{margin-top:70px}.login-visual h1{font-size:38px}.login-trust{display:none}.login-form-wrap{padding:40px 24px}}@media(max-width:520px){.page{gap:12px}.page-heading h1,.vehicle-heading h1{font-size:24px}.metric-grid--five,.metric-grid--four{grid-template-columns:1fr 1fr;gap:8px}.metric-card,.metric-card--compact{min-height:96px;padding:10px;flex-direction:column;align-items:flex-start;gap:7px}.metric-card__icon,.metric-card--compact .metric-card__icon{width:32px;height:32px}.metric-card__icon svg{width:18px}.metric-card__value,.metric-card--compact .metric-card__value{font-size:16px}.metric-card__hint{max-width:100%}.panel{padding:11px;border-radius:13px}.map-canvas,.map-placeholder,.dashboard-main-grid .map-canvas,.dashboard-main-grid .map-placeholder{height:320px}.vehicle-summary-grid,.mini-chart-grid{grid-template-columns:1fr}.connectivity-card{grid-column:auto}.telemetry-values{grid-template-columns:repeat(2,minmax(0,1fr))}.data-value:nth-child(3n){border-right:1px solid var(--border)}.data-value:nth-child(2n){border-right:0}.data-value:nth-last-child(-n+2){border-bottom:0}.page-toolbar{overflow-x:auto}.filter-chip,.toolbar-label{flex:0 0 auto}.vehicle-card__data{grid-template-columns:1fr}.full-map-panel .map-canvas{height:440px}.select-control,.select-control select{width:100%}.acoustic-summary header{flex-direction:column;gap:2px}.topbar__notifications{display:none}.search input::placeholder{color:transparent}.login-visual{min-height:280px;padding:22px}.login-visual__content{margin-top:50px}.login-visual h1{font-size:31px;letter-spacing:-1.3px}.login-visual__content>p{font-size:12px}}