:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202622;background:#f5f5f2;font-synthesis:none;font-size:14px;--muted:#7c817c;--line:#e5e7e0;--red:#d52d40}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e25869;outline-offset:4px}.shell{min-height:100vh;display:grid;grid-template-columns:84px 1fr}.rail{position:fixed;inset:0 auto 0 0;width:84px;background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:29px 0;z-index:2}.brand{font-size:36px;font-weight:800;font-style:italic;line-height:1;letter-spacing:-6px;position:relative;padding-right:6px}.brand-dot{width:5px;height:5px;border-radius:100%;background:var(--red);position:absolute;right:0;bottom:3px}.rail-label{writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#9c9f9b;margin-top:75px}.rail-bottom{margin-top:auto;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#8a8d87;display:flex;gap:25px}.rail-bottom span{color:#b9bcb5}.workspace{grid-column:2;min-width:0}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 49px;gap:12px;background:#fafaf7}.breadcrumb{font-size:12px;color:#93968f;display:flex;gap:18px}.breadcrumb strong{color:#4a514b;font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.unit-button{border:0;background:none;color:#676d66;font-size:11px;padding:8px 0}.divider{height:15px;border-right:1px solid #ddd}.connection{font-size:11px;color:#747b73;display:flex;align-items:center;gap:7px}.connection i,.state-pill i{width:6px;height:6px;border-radius:100%;background:#a6ada3}.connection.connected i{background:#56a378}.connection.demo i{background:#c3924b}main{max-width:1430px;margin:auto;padding:42px 49px 24px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.eyebrow,.section-label{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#91958d}.eyebrow{margin:0 0 10px;font-size:9px;letter-spacing:2px}h1{font-size:43px;letter-spacing:-2px;font-weight:550;line-height:1.12;margin:0 0 12px}h1>span{color:var(--red)}.subtitle{font-size:13px;color:#82867e;margin:0}.heading-action{display:flex;gap:16px;align-items:center;padding-bottom:2px}.muted{font-size:11px;color:var(--muted);line-height:1.7}.heading-action .muted{font-size:10px}.button{border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;font-size:11px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-outline{background:#fff;border-color:#dcded6;color:#4c534b}.button-dark{background:#242d26;color:#fff}.button-dark:hover{background:#3b493f}.button-dark>span{font-size:17px;margin-left:12px}.text-button{border:0;background:transparent;color:#6c746a;font-size:11px;padding:9px 0}.text-button:hover{text-decoration:underline}.text-button>span{margin-left:9px}.connect-banner{padding:20px 24px;display:flex;align-items:center;gap:16px;border:1px solid #dce2d4;background:#eef1e9;border-radius:9px;margin-bottom:24px}.connect-icon{width:37px;height:37px;border-radius:50%;background:#e0e6d7;color:#66765e;display:grid;place-items:center;font-size:23px;flex-shrink:0}.connect-banner h2{font-size:13px;font-weight:600;margin:0 0 5px;letter-spacing:-.15px}.connect-banner p{font-size:11px;color:#7b8574;line-height:1.6;margin:0}.connect-actions{display:flex;align-items:center;gap:25px;margin-left:auto}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.vehicle-top{display:flex;justify-content:space-between;align-items:center;padding:27px 30px 0;gap:15px}.vehicle-top h2{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:8px 0 2px}.vehicle-title-row{display:flex;gap:12px;align-items:center}.vehicle-title-row select{max-width:180px;border:1px solid var(--line);background:#fafbf8;padding:5px 8px;border-radius:4px;font-size:11px}.vehicle-top p{margin:5px 0}.state-pill{display:inline-flex;align-items:center;gap:7px;border-radius:4px;padding:7px 10px;background:#f4f5f1;font-size:10px;color:#82897c;white-space:nowrap}.state-pill.online{background:#eef6ee;color:#58835e}.state-pill.online i{background:#6c9f72}.vehicle-stage{height:248px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-lines{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 84%,#e9ece780 0,transparent 55%)}.car{height:220px;max-width:74%;width:610px;position:relative;transform:translateY(-5px);object-fit:contain;filter:drop-shadow(0 18px 10px #b9c0b633)}.stage-caption{position:absolute;bottom:20px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#b0b5ac}.stage-number{color:#c0c5bc}.vehicle-stats{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border-top:1px solid #edf0e8;padding:23px 0 24px;margin:0 30px}.vehicle-stats>div{display:flex;align-items:center;gap:13px;padding:0 26px;border-right:1px solid var(--line);position:relative}.vehicle-stats>div:first-child{padding-left:0}.vehicle-stats>div:last-child{border:0}.stat-icon{font-size:21px;color:#929c8a;align-self:flex-start;margin-top:8px}.vehicle-stats .section-label{font-size:8px;letter-spacing:1.2px}.vehicle-stats p{margin:7px 0 0;line-height:1}.vehicle-stats p strong{font-size:24px;font-weight:500;letter-spacing:-.8px}.vehicle-stats p span{font-size:11px;color:#8d9587}.vehicle-stats>div:last-child strong{font-size:19px;letter-spacing:-.4px}.battery-track{width:28px;height:12px;border:1px solid #cbd4c4;border-radius:2px;margin:auto 0 4px 2px;padding:2px}.battery-track>div{height:100%;background:#8eab7a;width:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:23px 25px;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-heading h2{font-size:16px;letter-spacing:-.45px;font-weight:550;margin:7px 0 0}.card-icon{color:#9ea796;font-size:25px}.large-reading{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:27px 0 5px}.detail-card p.muted{margin:3px 0;font-size:10px}.meter{height:4px;background:#eff1eb;border-radius:4px;margin:20px 0 22px;overflow:hidden}.meter>div{background:#91a77c;height:100%;width:0}.reading-list{margin:0}.reading-list>div{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px;font-size:11px}.reading-list dt{color:#8c9286}.reading-list dd{margin:0;color:#53604b;font-weight:500;text-align:right}.temperature-reading{display:flex;align-items:baseline;gap:3px;margin:19px 0 0}.temperature-reading>strong{font-size:48px;letter-spacing:-2px;font-weight:450}.temperature-unit{color:#a1a899;font-size:20px;font-weight:350}.small-pill{font-size:8px;border:1px solid var(--line);padding:4px 6px;border-radius:3px;margin-left:auto;color:#929c88;letter-spacing:.2px}.temperature-reading+p{margin-bottom:24px!important}.map-art{margin:18px -25px 16px;opacity:.65;height:111px;overflow:hidden}.map-art svg{width:100%;height:100%}.location-label{font-size:12px;font-weight:500;line-height:1.5;margin:0 0 4px}.map-link{display:flex;justify-content:space-between;align-items:center;color:#65785b;font-size:11px;margin-top:14px}.map-link:hover{text-decoration:underline}.location-footnote{font-size:9px;color:#a6ad9f;margin-top:21px}.status-card{background:#fff;border:1px solid var(--line);border-radius:9px;margin-top:20px;padding:23px 27px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:23px}.status-grid>div{border-right:1px solid var(--line);padding:0 24px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.status-grid>div:first-child{padding-left:0}.status-grid>div:last-child{border:0;padding-right:0}.status-grid span{color:#8b9383}.status-grid strong{color:#53604b;font-weight:500;text-align:right}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#a0a797;padding-top:25px;line-height:1.6}footer>span:first-child{display:flex;align-items:center;gap:7px}footer a:hover{color:#6a765f}.footer-dot{height:4px;width:4px;border-radius:50%;background:#93a782}.notice{border:1px solid #ebd4b6;background:#fff7ed;color:#7f612d;padding:14px 18px;border-radius:7px;margin-bottom:20px;font-size:12px;line-height:1.7}.notice.error{background:#fff1f0;color:#9c3e3e;border-color:#eed2cf}.demo-banner{padding:12px 18px;background:#f6eddd;border:1px solid #eadfca;border-radius:7px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#8a7758;font-size:11px}.demo-banner strong{font-weight:600}.demo-banner .text-button{color:#8a7758}.busy{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.5}}@media(min-width:1600px){main{padding-top:52px}.vehicle-stage{height:280px}.car{height:250px}}@media(max-width:1200px){main{padding:32px}.topbar{padding:0 32px}.connect-banner{flex-wrap:wrap}.connect-actions{width:100%;justify-content:flex-end}.detail-card{padding:22px 20px}.map-art{margin-left:-20px;margin-right:-20px}.vehicle-stats>div{padding:0 16px}.stat-icon{display:none}.status-grid>div{padding:0 14px;flex-direction:column;align-items:flex-start;gap:10px}footer>span:nth-child(2){display:none}}@media(max-width:850px){.shell{grid-template-columns:60px 1fr}.rail{width:60px}.topbar{height:66px;padding:0 24px}.top-actions{gap:12px}.breadcrumb{gap:10px;font-size:10px}.connection{font-size:10px}main{padding:28px 24px}.page-heading{align-items:flex-start}h1{font-size:36px}.heading-action{flex-direction:column;align-items:flex-end}.detail-grid{grid-template-columns:1fr 1fr;gap:16px}.location-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.location-card .card-heading{grid-column:1}.location-card .map-art{grid-column:2;grid-row:1/6;margin:0 -20px 0 0;height:100%;border-radius:5px}.location-card .map-link{grid-column:1}.location-footnote{margin-top:10px}.location-card .location-label{margin-top:18px}.vehicle-stage{height:220px}.car{max-width:90%;height:200px}.vehicle-stats{margin:0 22px;padding:20px 0}.vehicle-stats>div{padding:0 12px}.vehicle-stats p strong{font-size:21px}.vehicle-stats .section-label{font-size:7px;letter-spacing:.7px}.vehicle-stats>div:last-child strong{font-size:17px}.battery-track{display:none}.vehicle-top{padding:23px 22px 0}.vehicle-top h2{font-size:21px}.vehicle-top .muted{font-size:10px}.stage-caption{left:22px;right:22px}.status-card{padding:23px 22px}.status-grid{gap:16px 0;grid-template-columns:1fr 1fr}.status-grid>div{flex-direction:row;padding:0 16px}.status-grid>div:nth-child(2){border:0;padding-right:0}.status-grid>div:nth-child(3){padding-left:0}.status-card .card-heading>.muted{max-width:130px;text-align:right;font-size:9px}}@media(max-width:560px){.shell{display:block}.rail{position:static;width:100%;height:58px;flex-direction:row;padding:0 20px;border-right:0;border-bottom:1px solid var(--line);justify-content:space-between}.brand{font-size:27px}.rail-label{writing-mode:initial;margin:0;font-size:8px;letter-spacing:2px}.rail-bottom{display:none}.topbar{height:50px;padding:0 20px}.top-actions{gap:10px}.breadcrumb{font-size:9px;gap:7px}.top-actions .divider{display:none}.connection{font-size:9px}.unit-button{font-size:9px}main{padding:27px 16px 20px}.page-heading{margin-bottom:23px;gap:8px}h1{font-size:35px}.eyebrow{font-size:7px;letter-spacing:1.5px}.subtitle{font-size:11px}.heading-action{max-width:120px;gap:10px}.heading-action .muted{font-size:9px;text-align:right}.heading-action .button{font-size:10px;padding:9px 12px}.connect-banner{padding:18px 16px;gap:12px;margin-bottom:17px}.connect-icon{width:30px;height:30px;font-size:19px}.connect-banner>div:nth-child(2){flex:1}.connect-banner h2{font-size:12px}.connect-banner p{font-size:10px}.connect-actions{justify-content:space-between;gap:12px}.button{padding:11px 13px;font-size:10px}.connect-actions .text-button{font-size:10px}.vehicle-top{padding:20px 19px 0;align-items:flex-start}.vehicle-top h2{font-size:19px}.state-pill{font-size:8px;padding:6px 8px;max-width:106px;white-space:normal;line-height:1.5}.state-pill i{flex-shrink:0;width:4px;height:4px}.vehicle-top .section-label{font-size:7px}.vehicle-top .muted{font-size:9px}.vehicle-title-row{flex-direction:column;align-items:flex-start;gap:3px}.vehicle-stage{height:197px}.car{max-width:99%;height:186px}.stage-caption{font-size:6px;left:19px;right:19px;letter-spacing:1px;bottom:16px}.vehicle-stats{grid-template-columns:1fr 1fr;gap:21px 0;margin:0 19px;padding:20px 0}.vehicle-stats>div{padding:0 0 0 21px}.vehicle-stats>div:nth-child(odd){padding-left:0}.vehicle-stats>div:nth-child(2){border:0}.vehicle-stats .section-label{font-size:8px;letter-spacing:1px}.vehicle-stats p strong{font-size:24px}.stat-icon{display:block;font-size:18px}.vehicle-stats>div:last-child strong{font-size:20px}.detail-grid{grid-template-columns:1fr;gap:15px;margin-top:15px}.detail-card{padding:22px}.location-card{grid-column:auto;display:block}.location-card .map-art{height:125px;margin:18px -22px 16px}.large-reading{margin-top:20px}.temperature-reading{margin-top:13px}.reading-list>div{margin-top:15px}.status-card{margin-top:15px;padding:22px 19px}.status-grid{grid-template-columns:1fr;gap:15px}.status-grid>div{padding:0!important;border:0}.status-grid strong{text-align:right}.demo-banner{font-size:10px;gap:8px;padding:10px 12px}.demo-banner .text-button{font-size:10px;white-space:nowrap}footer{align-items:flex-start;padding:20px 3px 0;font-size:8px;gap:14px}#logout{font-size:9px}}