:root{--ink:#203b36;--muted:#78857e;--green:#21745e;--line:#e3e9e3;--paper:#f5f7f3;--mint:#e7f1e8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.6;cursor:wait}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-1.1px;margin:8px 0 10px;font-size:31px;font-weight:600}h3{letter-spacing:-.35px;font-size:18px;font-weight:600}h4{font-size:14px;font-weight:600}p{line-height:1.65}small{font-size:12px}svg{flex-shrink:0}.workspace{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fcfdfa;flex-direction:column;width:248px;padding:34px 21px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:22px;font-weight:700;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.brand-dot{color:var(--green);margin-left:-9px}.garage-label,.eyebrow{letter-spacing:1.8px;color:var(--muted);font-size:10px;font-weight:700}.garage-label{margin:46px 10px 15px}.vehicle-switch{text-align:left;background:#eef3eb;border:1px solid #e0e7dc;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 9px;display:flex}.vehicle-switch>span:nth-child(2){flex:1}.vehicle-switch strong{font-size:12px}.vehicle-switch small{color:var(--muted);letter-spacing:1.5px;margin-top:5px;font-size:10px;display:block}.vehicle-avatar{color:var(--green)}nav{gap:6px;margin-top:31px;display:grid}nav button{text-align:left;color:#65726b;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;display:flex}nav button.active{color:#226345;background:#e5efe3;font-weight:600}.nav-count{background:#d6e5d0;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:50px}.private-label{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:16px 5px;font-size:10px;display:flex}.user-row{align-items:center;gap:11px;margin-top:20px;display:flex}.user-avatar,.top-avatar{color:#725e34;background:#eadfc8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.user-row strong{font-size:12px}.user-row small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.user-row button{color:var(--muted);background:0 0;border:0;margin-left:auto}.workspace-main{width:calc(100% - 248px);margin-left:248px}.topbar{border-bottom:1px solid var(--line);background:#fafcf8;justify-content:space-between;align-items:center;height:77px;padding:0 40px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:15px;font-size:11px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-right{align-items:center;gap:25px;display:flex}.connection{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.connection i{background:#b1b8ae;border-radius:50%;width:6px;height:6px}.connection.online i{background:#2a9667}.content{max-width:1440px;margin:auto;padding:38px 40px 0}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:29px;display:flex}.page-heading p{color:var(--muted);font-size:12px}.btn{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.secondary{background:#fcfdf9;border:1px solid #d9e2d7}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.full{width:100%}.vehicle-hero{background:#e5eee0;border:1px solid #dae5d4;border-radius:12px;min-height:247px;margin-bottom:23px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;width:48%;padding:29px 32px}.hero-tag{letter-spacing:1.7px;color:#668560;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.hero-tag span{background:#669464;border-radius:50%;width:5px;height:5px}.hero-copy h2{letter-spacing:-1.4px;margin:18px 0 12px;font-size:37px;font-weight:500;line-height:1.1}.hero-copy h2 span{letter-spacing:-.5px;margin-top:7px;font-size:23px;display:block}.hero-specs{color:#6f806b;align-items:center;gap:10px;font-size:11px;display:flex}.hero-specs i,.record-body i,.content-footer i{vertical-align:middle;background:#adb6a5;border-radius:50%;width:3px;height:3px;display:inline-block}.hero-copy button{background:0 0;border:0;align-items:center;gap:8px;margin:19px 0 30px;padding:0;font-size:11px;font-weight:600;display:flex}.hero-art{flex-direction:column;justify-content:center;align-items:center;width:52%;height:173px;display:flex;position:absolute;top:27px;right:10px}.hero-art svg{color:#3c6550;width:100%;max-width:450px;height:auto}.plate{letter-spacing:2px;background:#fbfcf5;border:1px solid #b8c5ad;border-radius:3px;padding:4px 9px;font-size:9px;position:absolute;bottom:-4px}.hero-footer{color:#718469;background:#dfe9d9;border-top:1px solid #d6e2d0;align-items:center;gap:7px;padding:12px 27px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-vin{letter-spacing:1px;margin-left:auto;font-size:9px}.panel{border:1px solid var(--line);background:#fdfefa;border-radius:10px;margin-bottom:23px}.overview-metrics{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.metric{padding:21px 20px}.metric>div{color:#81917c;justify-content:space-between;align-items:center;display:flex}.metric>div span{letter-spacing:1px;font-size:9px;font-weight:600}.metric>strong{letter-spacing:-1px;margin:19px 0 11px;font-size:28px;font-weight:500;display:block}.metric em{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:13px;font-style:normal}.metric p{color:var(--muted);font-size:10px}.metric p button{margin-left:8px;font-size:10px}.overview-grid{grid-template-columns:1.45fr 1fr;gap:22px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:23px 24px;display:flex}.panel-heading .eyebrow{margin-bottom:9px;font-size:8px;display:block}.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:500;display:inline-flex}.waiting-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:265px;padding:20px;display:flex}.waiting-icon{color:#6d9065;background:#edf4e9;border-radius:18px;place-items:center;width:57px;height:57px;margin-bottom:2px;display:grid}.waiting-state h4{font-size:17px;font-weight:500}.waiting-state p{color:var(--muted);font-size:11px}.waiting-state .field-hint{margin-top:1px;font-size:9px}.field-hint{color:var(--muted);font-size:11px;line-height:1.7}.readings-preview>.field-hint{padding:0 24px 16px}.soft-count{background:#edf1e7;border-radius:5px;padding:4px 7px;font-size:10px}.radar-item{border-bottom:1px solid var(--line);gap:13px;margin:0 24px;padding:20px 0;display:flex}.radar-item:first-of-type{padding-top:9px}.radar-icon,.record-icon{color:#709466;background:#edf2e7;border-radius:9px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.amber{color:#9b7943!important;background:#f6efdf!important}.radar-item h4{font-size:12px}.radar-item p{color:var(--muted);margin:7px 0 9px;font-size:11px}.tag{color:#748369;white-space:nowrap;background:#edf0e8;border-radius:4px;padding:4px 7px;font-size:9px;display:inline-block}.tag.green{color:#66855b;background:#e9f3e5}.radar-foot{color:var(--muted);align-items:center;gap:8px;padding:19px 24px;font-size:9px;display:flex}.records{padding:0 24px}.record{border-top:1px solid var(--line);align-items:center;gap:14px;padding:20px 0;display:flex}.record-body{flex:1}.record-body h4{font-size:12px}.record-body p{color:var(--muted);align-items:center;gap:8px;margin-top:7px;font-size:10px;display:flex}.record-body p.record-notes{max-width:650px;font-size:12px;display:block}.record-end{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.record-end small{color:var(--muted)}.content-footer{color:#94a18e;justify-content:space-between;padding:15px 0 25px;font-size:9px;display:flex}.content-footer span{align-items:center;gap:7px;display:flex}.notice-card{background:#eaf2e5;border:1px solid #dbe7d8;border-radius:9px;gap:13px;margin-bottom:23px;padding:19px 22px;display:flex}.notice-card p{color:#6b8065;margin-top:4px;font-size:12px}.notice-card strong{font-size:13px}.reading-cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.reading-card{text-align:left;padding:20px}.reading-card.selected{background:#f5f9ef;border-color:#7b9d6a}.reading-card>span{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.reading-card strong{margin:20px 0 9px;font-size:30px;font-weight:500;display:block}.reading-card strong small{color:var(--muted);margin-left:7px;font-size:12px}.reading-card em{color:var(--muted);font-size:10px;font-style:normal}.chart{padding:0 20px}.chart svg{width:100%;display:block}.chart-grid{stroke:var(--line);stroke-dasharray:4 5}.chart-line{fill:none;stroke:#54815a;stroke-width:2px;stroke-linejoin:round}.chart text{fill:#84927c;font-family:inherit;font-size:10px}.muted{color:var(--muted);font-size:12px}.pad{padding:22px}.mini-metrics{grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 24px 22px;display:grid}.mini-metrics small{color:var(--muted);font-size:10px}.mini-metrics strong{margin-top:8px;font-size:20px;font-weight:500;display:block}.mini-metrics em{color:var(--muted);font-size:10px;font-style:normal}.session-list{padding:0 24px}.session-list>div{border-top:1px solid var(--line);align-items:center;gap:15px;padding:18px 0;display:flex}.session-list span{flex:1}.session-list strong{font-size:12px;display:block}.session-list small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:10px;display:block}.session-list b{font-size:11px;font-weight:400}.import-guide{padding:24px}.import-guide summary{cursor:pointer;font-weight:600}.import-guide p{color:var(--muted);margin:17px 0;font-size:12px}.import-guide code{overflow-wrap:anywhere;font-size:11px}.diagnostic-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.diagnostic-card{padding:27px}.diagnostic-icon{color:#62855d;margin-bottom:21px;display:block}.diagnostic-card h3{margin:17px 0 11px}.diagnostic-card p{color:var(--muted);min-height:60px;font-size:12px}.diagnostic-card>div{border-top:1px solid var(--line);color:#84917b;gap:8px;margin-top:23px;padding-top:18px;font-size:10px;display:flex}.explainer{padding:26px}.explainer p{color:var(--muted);max-width:850px;margin-top:15px;font-size:13px}.inline-note{background:#f0f4eb;border-radius:7px;align-items:center;gap:10px;margin-top:24px;padding:17px;font-size:12px;display:flex}.section-stats{color:var(--muted);gap:35px;margin-bottom:26px;font-size:12px;display:flex}.section-stats b{color:var(--ink);margin-right:6px;font-size:23px;font-weight:500}.vehicle-detail-grid,.settings-grid{grid-template-columns:1fr 1fr;gap:23px;display:grid}.short{min-height:205px}.detail-panel{padding:25px}.detail-panel>h3{margin-bottom:20px}.detail-panel .panel-heading{padding:0 0 24px}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:15px 0;font-size:12px;display:flex}.detail-row>span{color:var(--muted)}.detail-row strong{text-align:right;overflow-wrap:anywhere;font-weight:500}.detail-panel>.btn{margin-top:22px}.form-stack{gap:18px;margin-top:23px;display:grid}label{gap:8px;font-size:12px;font-weight:500;display:grid}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fcfdf9;border:1px solid #d4ded0;border-radius:6px;padding:12px;font-size:13px}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #99b695}textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.device-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:20px 0;display:flex}.device-row span{flex:1}.device-row strong{font-size:12px}.device-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.danger{color:#a35543}.small-empty{text-align:center;color:var(--muted);padding:30px}.small-empty p{margin-top:8px;font-size:12px}.api-endpoint{background:#f2f5ed;border-radius:7px;margin-top:20px;padding:17px}.api-endpoint small{color:var(--muted);letter-spacing:1px;margin-bottom:9px;font-size:9px;display:block}.api-endpoint code{font-size:12px}.security-enroll p{margin:20px 0 12px;font-size:12px}.security-enroll textarea{font-size:10px}.recovery-codes{background:#f0f5ea;padding:17px;font-size:12px;line-height:1.8}.security-enroll h4{margin-top:22px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17312566;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fcfdf8;border-radius:14px;width:530px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 20px 80px #132c2733}.modal .panel-heading{padding:0}.modal h2{letter-spacing:-.7px;font-size:21px;font-weight:500}.icon-btn{background:0 0;border:0;place-items:center;padding:5px;display:grid}.token-output{height:100px;margin-bottom:20px;font-family:monospace}.modal .notice-card{margin-top:22px}.toast{color:#f8fff4;z-index:70;background:#213f32;border-radius:9px;align-items:center;gap:12px;max-width:90vw;padding:17px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #18332622}.toast button{color:inherit;background:0 0;border:0;display:flex}.error{color:#a14f40;background:#f9eee7;border-radius:6px;padding:12px;font-size:12px;line-height:1.6}.mobile-menu{display:none}.compact{min-height:170px}.auth-shell{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-story{background:#e1ebdb;flex-direction:column;justify-content:space-between;padding:50px 60px;display:flex;position:relative;overflow:hidden}.auth-story h1{letter-spacing:-2px;max-width:450px;margin:65px 0 24px;font-size:55px;font-weight:500;line-height:1.12}.auth-story p{color:#71846a;max-width:350px}.auth-story>svg{color:#52764c;width:100%;max-width:560px;margin:40px 0}.auth-story footer{color:#758a6b;align-items:center;gap:8px;font-size:11px;display:flex}.auth-main{justify-content:center;align-items:center;padding:45px;display:flex}.auth-form{width:100%;max-width:360px}.auth-form h2{letter-spacing:-1px;margin:10px 0 13px;font-size:29px;font-weight:500}.auth-form>p{color:var(--muted);font-size:12px}.auth-form .form-stack{gap:22px;margin-top:30px}.auth-badge{color:#6c8a62;align-items:center;gap:7px;font-size:10px;display:inline-flex}.auth-note{border-top:1px solid var(--line);color:var(--muted);margin-top:27px;padding-top:22px;font-size:10px;line-height:1.8}.auth-form button.text-button{margin-top:18px}.auth-form .btn{padding:14px}.auth-form .brand{margin-bottom:50px}@media (min-width:1500px){.content{padding-top:45px}.vehicle-hero{min-height:265px}.hero-art{top:35px}.waiting-state{min-height:300px}}@media (max-width:1150px){.sidebar{width:213px;padding:28px 15px}.workspace-main{width:calc(100% - 213px);margin-left:213px}.content{padding:30px 25px 0}.topbar{padding:0 25px}.overview-metrics{gap:12px}.metric{padding:18px 14px}.metric>strong{font-size:24px}.overview-grid{grid-template-columns:1.2fr 1fr}.hero-copy{padding-left:25px}.hero-copy h2{font-size:32px}.hero-specs{gap:6px;font-size:10px}.hero-art{right:0}.diagnostic-grid{gap:13px}.diagnostic-card{padding:21px}.auth-story{padding:40px}.auth-story h1{font-size:45px}}@media (max-width:900px){.overview-metrics,.reading-cards{grid-template-columns:repeat(2,1fr)}.overview-grid,.vehicle-detail-grid,.settings-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{font-size:27px}.hero-specs{flex-wrap:wrap}.diagnostic-grid{grid-template-columns:1fr}.diagnostic-card p{min-height:0}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh}.section-stats{flex-wrap:wrap;gap:20px}}@media (max-width:650px){.sidebar{width:245px;transition:transform .2s;transform:translate(-100%);box-shadow:10px 0 40px #223d2211}.sidebar.open{transform:translate(0)}.workspace-main{width:100%;margin:0}.mobile-menu{display:grid}.topbar{gap:12px;height:65px;padding:0 18px}.breadcrumb{gap:7px;margin-right:auto;font-size:10px}.topbar-right{gap:12px}.connection{font-size:9px}.top-avatar{display:none}.content{padding:26px 17px 0}.page-heading{margin-bottom:24px;display:block}.page-heading .btn{margin-top:18px}h1{font-size:27px;line-height:1.2}.eyebrow{font-size:9px}.vehicle-hero{min-height:300px}.hero-copy{width:100%;padding:24px}.hero-copy h2{margin-top:16px;font-size:31px}.hero-copy h2 span{font-size:21px}.hero-copy button{margin-bottom:0}.hero-art{width:63%;height:115px;top:140px;right:3px}.hero-art .plate{font-size:7px;bottom:0}.hero-footer{padding:11px 15px;font-size:8px}.hero-vin{display:none}.hero-specs{max-width:240px}.metric{padding:18px 14px}.metric>div span{letter-spacing:.6px;font-size:8px}.metric>div svg{width:16px}.metric>strong{font-size:25px}.metric p{font-size:9px}.metric p button{margin:5px 0 0;display:flex}.overview-metrics{gap:12px}.panel-heading{padding:21px 18px}.panel-heading h3{font-size:16px}.panel-heading .text-button{font-size:10px}.records{padding:0 18px}.record{align-items:flex-start;gap:10px}.record-icon{width:31px;height:31px}.record-body p{flex-wrap:wrap;gap:5px}.record-end{max-width:105px}.record-end .tag{white-space:normal;text-align:right;font-size:8px}.record-body h4{font-size:11px;line-height:1.5}.waiting-state p br{display:none}.waiting-state{padding:23px 18px}.short .hero-art{top:125px}.short{min-height:260px}.detail-panel{padding:21px}.detail-row{gap:15px;font-size:11px}.reading-card{padding:17px}.reading-card>span{gap:7px;font-size:10px}.reading-card strong{font-size:25px}.reading-card strong small{font-size:10px}.notice-card{padding:17px}.notice-card p{font-size:11px}.modal-backdrop{padding:15px}.modal{padding:23px}.modal h2{font-size:19px}.content-footer{font-size:8px}.auth-main{padding:30px}.section-stats{gap:15px;font-size:10px}.section-stats b{font-size:20px}.mini-metrics{padding:8px 18px 18px}.mini-metrics strong{font-size:17px}}.auth-page{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-story .auth-car{color:#52764c;max-width:560px;margin:50px 0 25px}.auth-car svg{width:100%}.auth-vehicle{letter-spacing:1px;color:#72876b;align-items:center;gap:14px;font-size:10px;display:flex}.auth-vehicle span{letter-spacing:0;font-size:10px}.auth-story>small{color:#72876b;align-items:center;gap:8px;font-size:11px;display:flex}.auth-main{position:relative}.auth-form-wrap{width:100%;max-width:360px}.auth-lock{color:#6e8c62;background:#e8f0e2;border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:30px;display:grid}.auth-form-wrap>.eyebrow{font-size:9px}.auth-form-wrap h2{letter-spacing:-1px;margin:12px 0;font-size:31px;font-weight:500}.auth-form-wrap>.btn{margin-top:25px}.auth-note{align-items:center;gap:9px;display:flex}.auth-main>footer{letter-spacing:1.5px;color:#83917b;gap:30px;font-size:9px;display:flex;position:absolute;bottom:30px}.auth-main>footer span{letter-spacing:0}.setup-link{color:#7f9275;text-align:center;margin-top:20px;font-size:10px;display:block}.auth-story>div{margin:30px 0}.auth-story h1{margin-top:22px}.auth-form-wrap label small{color:var(--muted);font-size:10px;font-weight:400}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-main{padding-bottom:90px}}