:root{color:#103c39;font-synthesis:none;background:#f3f8f7;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 80% 20%,#13877e,#0000 35%),#004d48;flex-direction:column;justify-content:space-between;padding:55px 7vw;display:flex}.login-story img{filter:brightness(0)invert();width:184px}.login-story h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(44px,5vw,76px);line-height:1}.login-story p{max-width:590px;font-size:18px;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#078077;font-size:11px;font-weight:850}.login-story .eyebrow{color:#ffd27c}.flow{color:#d8fffb;align-items:center;gap:12px;font-weight:700;display:flex}.flow svg{color:#f4a623;width:16px}.login form{width:min(430px,100% - 48px);margin:auto}.login form h2{letter-spacing:-.04em;margin:12px 0 4px;font-size:42px}.login form>p{color:#68817f;margin-bottom:35px}.login label{gap:9px;margin:18px 0;font-size:13px;font-weight:750;display:grid}.login input{background:#fff;border:1px solid #cedddb;border-radius:14px;outline:none;padding:15px}.login input:focus{border-color:#006e67;box-shadow:0 0 0 4px #006e6714}.login form>button{color:#fff;background:#006e67;border:0;border-radius:14px;width:100%;padding:15px;font-weight:800}.demo{color:#68817f;background:#fff;border:1px solid #cfe2df;border-radius:17px;gap:5px;margin-top:25px;padding:18px;font-size:12px;display:grid}.demo strong{color:#004d48}.error,.load-error{color:#9d2f1e;background:#fff0ed;border-radius:12px;padding:12px}.mobile-logo{display:none}.shell{grid-template-columns:246px 1fr;min-height:100vh;display:grid}.shell aside{background:#004d48;flex-direction:column;height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.brand{padding:5px 12px 27px}.brand img{filter:brightness(0)invert();width:160px}nav{gap:5px;display:grid}nav button,.logout{color:#d7f1ee;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;display:flex}nav button svg,.logout svg{width:19px}nav button.active{color:#fff;background:#ffffff18;box-shadow:inset 3px 0 #f4a623}.logout{margin-top:auto}.shell main{min-width:0;padding:0 34px 45px}.topbar{border-bottom:1px solid #dce8e6;align-items:center;height:78px;display:flex}.workspace{align-items:center;gap:10px;margin-left:auto;display:flex}.workspace i{color:#fff;background:#006e67;border-radius:12px;place-items:center;width:37px;height:37px;font-style:normal;font-weight:900;display:grid}.workspace span{display:grid}.workspace small{color:#78908e}.bell,.menu{color:#006e67;background:#fff;border:0;border-radius:12px;margin-left:18px;padding:10px}.menu{margin:0;display:none}.page-head{justify-content:space-between;align-items:end;padding:34px 0 24px;display:flex}.page-head h1{letter-spacing:-.04em;margin:7px 0 2px;font-size:38px}.page-head p{color:#68817f;margin:0}.page-head select{background:#fff;border:1px solid #d6e3e1;border-radius:12px;padding:11px 15px}.kpis{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.kpis article,.card{background:#ffffffd9;border:1px solid #dbe7e5;border-radius:20px;box-shadow:0 10px 30px #004d4808}.kpis article{padding:20px;position:relative;overflow:hidden}.kpis span,.card header span{color:#708987;font-size:12px;font-weight:700}.kpis strong{margin:9px 0 5px;font-size:26px;display:block}.kpis small{color:#8ba09e}.kpis .accent{color:#fff;background:#006e67}.kpis .accent span,.kpis .accent small{color:#d8fffb}.dashboard-grid{grid-template-columns:1.45fr .75fr 1fr;gap:15px;margin-top:15px;display:grid}.card{min-height:230px;padding:20px}.card header{justify-content:space-between;align-items:start;display:flex}.card h2{margin:6px 0;font-size:20px}.sales-card{grid-column:span 2}.bars{align-items:end;gap:12px;height:175px;padding-top:18px;display:flex}.bars div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.bars i{background:linear-gradient(#0b837a,#8bd2cb);border-radius:8px 8px 3px 3px;width:65%;max-width:36px}.bars span{color:#78908e;font-size:11px}.status-list,.pipeline{gap:12px;display:grid}.status-list>div,.pipeline>div{text-transform:capitalize;border-bottom:1px solid #edf2f1;justify-content:space-between;padding:8px 0;display:flex}.status-list i{background:#f4a623;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.table>div,.recent>div{border-bottom:1px solid #edf2f1;grid-template-columns:1.6fr .7fr .6fr;align-items:center;padding:11px 0;font-size:12px;display:grid}.table span:first-child,.recent span:first-child{display:grid}.table small,.recent small{color:#849a98;margin-top:3px}.recent em{text-transform:capitalize;color:#006e67;font-style:normal}.fleet>div{margin:26px 28px 0 0;display:inline-grid}.fleet>div strong{font-size:25px}.fleet>div span{color:#78908e;font-size:11px}.fleet header svg{color:#f4a623}.empty,.loading{color:#78908e;align-content:center;place-items:center;gap:10px;min-height:160px;display:grid}.empty svg{color:#a9bfbc}@media (width<=1050px){.shell{grid-template-columns:80px 1fr}.brand img{-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;width:45px}nav button span,.logout{font-size:0}.dashboard-grid{grid-template-columns:1fr 1fr}.sales-card{grid-column:span 2}.kpis{grid-template-columns:1fr 1fr}}@media (width<=720px){.login{grid-template-columns:1fr}.login-story{display:none}.mobile-logo{margin-bottom:35px;display:block}.mobile-logo img{width:160px}.shell{display:block}.shell aside{display:none}.shell main{padding:0 18px 35px}.menu{display:block}.topbar{height:68px}.workspace{margin-left:12px}.page-head{align-items:start}.page-head h1{font-size:31px}.page-head select{display:none}.kpis,.dashboard-grid{grid-template-columns:1fr}.sales-card{grid-column:auto}.card{min-height:auto}.table>div,.recent>div{grid-template-columns:1.5fr .8fr .7fr}}