@charset "UTF-8";
:root{--forest:#163c35;--green:#214d42;--mint:#cde5a7;--paper:#f5f4ee;--ink:#19332c;--muted:#6b766e;--line:#dedfd5;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b2c88d;outline-offset:4px}input:focus{outline:2px solid #658658;outline-offset:2px}.brand{font-size:30px;font-weight:750;letter-spacing:-1.6px}.brand-dot{color:#7c9b52}.eyebrow,.little-label{font-size:11px;font-weight:650;letter-spacing:2px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.welcome{position:relative;overflow:hidden;min-height:700px;padding:52px 12%;color:#f5f4ee;background:var(--forest)}.welcome .brand{display:inline-block;margin-bottom:88px;color:#f6f6ef}.welcome .brand-dot{color:var(--mint)}.welcome .eyebrow{color:#bed4ba}.welcome h1{font-size:clamp(44px,4.3vw,72px);line-height:1.08;letter-spacing:-2.8px;font-weight:500;margin:25px 0}.welcome p{position:relative;z-index:2;max-width:300px;font-size:15px;line-height:1.7;color:#d2dfd0}.welcome-footer{position:absolute;bottom:34px;font-size:11px;letter-spacing:.5px;color:#cedec9}.landscape{height:220px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.hill{position:absolute;width:130%;height:220px;border-radius:50% 50% 0 0}.hill-back{background:#315346;bottom:-100px;left:-30%;transform:rotate(-13deg)}.hill-front{background:#456746;bottom:-160px;right:-30%;transform:rotate(12deg)}.sun{position:absolute;right:16%;bottom:125px;width:45px;height:45px;border-radius:50%;background:#d6dfac}.van{position:absolute;bottom:66px;right:24%;width:92px;height:42px;background:#dde1bf;border-radius:9px 20px 4px 4px;transform:rotate(-5deg)}.van:before,.van:after{content:"";position:absolute;bottom:-6px;width:16px;height:16px;border:4px solid #193c32;border-radius:50%;background:#9fac87}.van:before{left:12px}.van:after{right:12px}.van span{position:absolute;left:13px;top:9px;width:27px;height:14px;background:#35584a;border-radius:3px}.van span:after{content:"";position:absolute;left:38px;top:0;width:23px;height:14px;background:#35584a;border-radius:3px 9px 2px 2px}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:80px 13% 35px;min-height:700px}.login-box{max-width:360px;width:100%;margin:auto}.little-label{color:#77826e}.login-box h2{font-size:38px;font-weight:550;letter-spacing:-1.4px;margin:17px 0 14px}.login-box>p{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:32px}label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input:not([type=hidden]){width:100%;height:49px;padding:12px;border:1px solid #cdd2c6;border-radius:7px;background:#fffef9;color:var(--ink);margin-bottom:22px}.primary-button{width:100%;border:0;background:var(--forest);color:#fff;border-radius:7px;padding:16px 18px;display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-top:5px}.primary-button:hover{background:#285748}.login-box .login-help{font-size:12px;margin-top:25px;color:#81877d}.login-panel footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;color:#8a9085;padding-top:55px}.form-error,.error-banner{background:#fff0e6;color:#874d2c;border:1px solid #e9cfb5;border-radius:7px;padding:14px;font-size:13px;line-height:1.5;margin:15px 0}.topbar{height:90px;max-width:1220px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.account{display:flex;align-items:center;gap:23px;font-size:12px}.quiet-button{border:0;background:none;color:#64715e;font-size:12px;padding:8px 0}.dashboard{max-width:1220px;margin:auto;padding:48px 44px 30px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:32px}.heading-row h1{font-size:38px;letter-spacing:-1.4px;font-weight:550;margin:12px 0 8px}.eyebrow{color:#7b856d}.subtitle{font-size:13px;color:#7a8276;margin:0}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid #d3ddc5;color:#4b6442;border-radius:30px;font-size:11px;padding:10px 14px;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#6f9456}.status-pill.muted{color:#847248;border-color:#ddcfb4}.status-pill.muted:before{background:#b29757}.dashboard-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:22px}.battery-card{background:var(--forest);color:#f5f6ed;border-radius:13px;padding:29px 32px;min-height:355px;position:relative;overflow:hidden}.card-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.7px;color:#c2d6ba}.battery-symbol{font-size:20px;color:var(--mint);line-height:12px}.soc-number{font-size:91px;letter-spacing:-5px;font-weight:400;margin:30px 0 18px;line-height:1.05}.soc-unit{font-size:32px;letter-spacing:0;color:#aac397;margin-left:7px}.battery-track{height:9px;border-radius:10px;background:#39594a;overflow:hidden}.battery-track>div{height:100%;width:0;background:var(--mint);border-radius:10px;transition:width .6s}.battery-bottom{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#cedac5;margin-top:18px}.battery-note{border-top:1px solid #39594a;margin-top:29px;padding-top:18px;font-size:11px;letter-spacing:.3px;color:#9fbb98}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{padding:23px 24px 20px;background:#fffef9;border:1px solid #e1e3d8;border-radius:11px}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#77816f;font-size:10px;letter-spacing:1.3px}.metric-label>span{font-size:19px;color:#66805a;letter-spacing:0}.metric-number{margin-top:19px;font-size:34px;letter-spacing:-1.5px;font-weight:500;white-space:nowrap}.metric-number small{font-size:15px;font-weight:400;letter-spacing:0;color:#8b927f;margin-left:7px}.metric p{font-size:10px;color:#878e80;line-height:1.5;margin:8px 0 0}.details{display:grid;grid-template-columns:1fr 1fr 1.15fr;margin-top:25px;border:1px solid var(--line);border-radius:11px;padding:26px 0}.details>div{padding:0 26px}.details>div+div{border-left:1px solid var(--line)}.detail-label{font-size:9px;font-weight:600;letter-spacing:1.2px;color:#7e8875}.details strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.7px;margin-top:13px}.details strong small{font-size:14px;color:#85917a;font-weight:400}.details strong.detail-text{font-size:18px;letter-spacing:-.3px;margin-top:17px}.details p{color:#858d7e;font-size:10px;line-height:1.6;margin:9px 0 0}.dashboard-footer{display:flex;justify-content:space-between;gap:16px;margin-top:26px;color:#8d9386;font-size:10px;line-height:1.7}[hidden]{display:none!important}
@media(min-width:1500px){.login-layout{max-width:1600px;margin:auto}.login-page{background:#e8eadd}.login-panel{background:var(--paper)}}
@media(max-width:850px){.login-layout{grid-template-columns:.9fr 1.1fr}.welcome{padding:35px 10%}.welcome .brand{margin-bottom:80px}.welcome h1{font-size:46px}.login-panel{padding:60px 10% 30px}.dashboard-grid{grid-template-columns:1fr}.battery-card{min-height:300px}.soc-number{margin-top:23px}.battery-note{margin-top:20px}.details>div{padding:0 18px}.dashboard{padding:35px 24px}.topbar{padding:0 24px}.heading-row h1{font-size:32px}}
@media(max-width:560px){.login-layout{display:block}.welcome{min-height:190px;padding:24px 25px}.welcome .brand{font-size:26px;margin-bottom:35px}.welcome .eyebrow,.welcome p,.welcome-footer,.landscape{display:none}.welcome h1{font-size:31px;letter-spacing:-1px;margin:0;line-height:1.15}.welcome h1 br{display:none}.welcome h1 br:after{content:" "}.login-panel{min-height:calc(100svh - 190px);padding:38px 26px 20px}.login-box h2{font-size:32px}.login-panel footer{padding-top:35px}.login-panel footer span{display:none}.topbar{height:73px;padding:0 20px}.brand{font-size:27px}.account{gap:16px}.dashboard{padding:29px 18px}.heading-row{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:23px}.heading-row h1{font-size:31px}.status-pill{font-size:10px;padding:8px 12px}.battery-card{padding:25px 26px;min-height:295px}.soc-number{font-size:80px}.metrics{gap:11px}.metric{padding:19px 16px}.metric-number{font-size:29px}.metric p{font-size:9px}.details{grid-template-columns:1fr;padding:0}.details>div{padding:22px}.details>div+div{border-left:0;border-top:1px solid var(--line)}.details strong{font-size:25px;margin-top:10px}.details strong.detail-text{margin-top:10px}.dashboard-footer{flex-direction:column;gap:4px}}