:root{--ink:#183a33;--muted:#82918c;--green:#1b7058;--lime:#d2ec9a;--line:#e5eae6;--bg:#f5f7f4;--orange:#b97535}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,'Segoe UI',sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button,summary{cursor:pointer}button{border:0}h1,h2,p{margin:0}h1{font-size:29px;letter-spacing:-.8px;line-height:1.5}h2{font-size:17px}small{font-size:11px}strong{font-weight:600}.brand{display:flex;align-items:center;gap:10px;font-family:'Segoe UI',sans-serif;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--green);color:var(--lime);font-size:31px;border-radius:12px;padding-bottom:5px}.sidebar{width:252px;background:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 20px;border-right:1px solid var(--line);z-index:4}.workspace{display:flex;align-items:center;gap:10px;padding:17px 10px;margin:34px 0 27px;border:1px solid var(--line);border-radius:12px}.workspace small,.sidebar-bottom small{display:block;color:var(--muted);font-size:11px}.store-icon{background:var(--bg);padding:0 10px;font-size:27px;border-radius:9px}.workspace .live-dot{margin-left:auto}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57a376}.nav-label{font:10px 'Segoe UI',sans-serif;letter-spacing:2px;color:#99a49e;margin:0 14px 12px}nav{display:grid;gap:7px}nav a{padding:12px 14px;border-radius:9px;color:#71817b;font-size:13px;display:flex;align-items:center;gap:14px}nav a span{font-size:21px;width:23px;text-align:center;line-height:1}nav a.active{color:var(--green);background:#eaf3e8;font-weight:bold}nav a:hover{background:#f1f5ef}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:25px;border-top:1px solid var(--line)}.sidebar-bottom strong{font-size:12px;display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom form{margin-left:auto}.avatar{width:35px;height:35px;border-radius:50%;background:#efe3d3;color:#8b6a47;display:grid;place-items:center}.logout{background:transparent;font-size:22px;color:var(--muted)}.app{margin-left:252px}.topbar{height:79px;border-bottom:1px solid var(--line);background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px}.muted{color:var(--muted)}.divider{padding:0 16px;color:#bcc6c0}.top-date{display:flex;align-items:center;gap:12px;color:#6d7e75}.role-pill{margin-left:8px;border-left:1px solid var(--line);padding-left:20px}.main{padding:35px 38px 45px;max-width:1600px;margin:auto;min-height:calc(100vh - 140px)}.page-heading{display:flex;justify-content:space-between;margin-bottom:27px}.eyebrow{font-family:'Segoe UI',sans-serif;font-size:10px;letter-spacing:2px;font-weight:700;color:#7a8c7f;display:block;margin-bottom:8px}.page-heading p{margin-top:7px;color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 21px 18px;min-height:147px}.metric>span{font-size:12px;color:#798c81}.metric strong{display:block;font-family:'Segoe UI',sans-serif;font-size:29px;letter-spacing:-1px;margin:9px 0 2px;white-space:nowrap}.metric small{color:#94a096}.metric.green{background:var(--ink);border-color:var(--ink);color:#fff}.metric.green>span,.metric.green small{color:#b6d3bd}.metric.green strong{color:var(--lime)}.metric.orange strong{color:var(--orange)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:23px;margin-bottom:25px}.card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin-bottom:22px}.dashboard-grid .card{margin-bottom:0}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 19px}.card-heading p{font-size:11px;color:var(--muted);margin-top:5px}.tag{border:1px solid var(--line);border-radius:7px;padding:4px 12px;font-size:11px;color:var(--muted)}.chart{height:230px;display:flex;gap:18px;padding:5px 25px 23px;align-items:stretch}.bar-column{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column}.bar-column>span{font:10px 'Segoe UI',sans-serif;color:#7b8b7e;white-space:nowrap}.bar-column small{font:10px 'Segoe UI',sans-serif;margin-top:10px;color:var(--muted)}.bar-track{flex:1;min-height:0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent,transparent 48px,#f0f3ef 49px,#f0f3ef 50px)}.bar-track svg{width:100%;height:100%;max-width:65px}.bar-track rect{fill:#a9c9a5}.bar-column:last-child rect{fill:var(--green)}.quick-card{padding:25px;border:1px solid #dfe8d3;border-radius:14px;background:#eef3e4}.quick-card h2{font-size:23px}.quick-card p{color:#83917a;font-size:12px;margin:7px 0 18px}.quick-card a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #dbe3d1;font-size:12px}.quick-card a:last-child{border:0}.quick-card a span{font-size:17px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#f9faf7;color:#8a968e;font-weight:400;padding:13px 25px;white-space:nowrap;border-block:1px solid var(--line)}td{padding:16px 25px;border-bottom:1px solid #edf0eb}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:3px;font-size:10px}td a{color:var(--green);font-weight:bold}td a:hover{text-decoration:underline}.amount{font-family:'Segoe UI',sans-serif;font-weight:600;white-space:nowrap;font-size:14px}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#edf2ed;color:#6d8370;font-size:10px;white-space:nowrap}.badge.warning{background:#fbefdf;color:#ae753e}.badge.good{background:#e8f4eb;color:#39875c}.empty{text-align:center;color:#92a18f;padding:50px 20px}.fine{font-size:11px;color:#8c998f;margin-top:16px;line-height:1.9}.form-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 23px;margin-bottom:24px}.form-card summary{font-weight:600;color:var(--green);list-style:none}.form-card[open] summary{margin-bottom:23px;padding-bottom:15px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#64796c}input,select{width:100%;padding:11px 12px;border:1px solid #dce4dc;border-radius:7px;background:#fff;color:var(--ink);min-width:0;font-size:13px}input:focus,select:focus{outline:2px solid #adcfaa;border-color:var(--green)}.primary{display:inline-block;padding:12px 21px;border-radius:8px;color:#fff;background:var(--green);font-size:12px;font-weight:bold}.primary:hover{background:#145842}.form-card .primary{margin-top:13px}.table-search{margin:0 25px 20px;width:min(350px,calc(100% - 50px));background:#fafcf8}.vehicle-icon{display:inline-grid;place-items:center;background:#f0f4e9;border-radius:8px;width:33px;height:33px;margin-right:11px;color:#7f9770;font-size:21px}.flash{padding:13px 18px;border-radius:9px;margin-bottom:20px;font-size:13px}.flash.success{background:#e4f1e2;color:#377349}.flash.error{background:#fcebe5;color:#a14836}.calculation,.contract-summary{padding:15px 25px;background:#eff4e8;color:#55744d;font-size:12px}.text-button{background:transparent;color:var(--green);font-size:11px;white-space:nowrap}.inline-form{display:flex;align-items:center;gap:7px}.inline-form select{padding:6px;font-size:11px}.receipt{background:#fff;max-width:850px;margin:auto;padding:45px;border:1px solid var(--line);border-radius:12px}.receipt-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.receipt hr{border:0;border-top:1px solid var(--line);margin:30px 0}.receipt .form-grid{grid-template-columns:1fr 1fr}.receipt .form-grid p{font-size:12px;color:var(--muted)}.receipt-total{display:flex;justify-content:space-between;padding:25px;background:#eef3e8;margin:20px 0}.receipt-total strong{font-size:25px}.receipt>p{font-size:12px;margin-top:15px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 38px;font-size:11px;color:#97a292}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}.login-story{background:#173d31;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px 65px;min-height:100vh;overflow:hidden}.login-story .brand-mark{background:#d2ec9a;color:#173d31}.login-story .eyebrow{color:#a5c5a0}.login-story h1{font-size:42px;margin:18px 0}.login-story p{font-size:15px;color:#adc7b7;line-height:1.9}.login-story>small{color:#809e8a}.login-form{display:flex;align-items:center;justify-content:center;padding:50px}.login-form>div{width:100%;max-width:365px}.login-form h2{font-size:29px}.login-form .muted{font-size:13px;margin:8px 0 32px}.login-form label{margin-bottom:18px}.login-form .primary{width:100%;margin-top:10px}.road-art{height:175px;position:relative;margin:25px 0}.road-art>span{position:absolute;left:24%;font:bold 125px 'Segoe UI',sans-serif;color:#d2ec9a;transform:rotate(-12deg);top:-20px}.road-art i,.road-art b{position:absolute;width:100px;height:100px;border:15px solid #739867;border-radius:50%;top:70px}.road-art i{left:8%}.road-art b{left:52%}body [hidden]{display:none!important}@media(min-width:1600px){.main{padding-top:45px}.metric{padding:25px}.chart{height:270px}}@media(max-width:1200px){.sidebar{width:215px;padding-inline:14px}.brand{font-size:20px}.app{margin-left:215px}.main{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:12px}.metric{padding:17px 15px}.metric strong{font-size:23px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}th,td{padding:13px 18px}.login-story{padding:40px}.login-story h1{font-size:35px}}@media(max-width:900px){.sidebar{width:80px;padding:22px 12px}.sidebar .brand{font-size:0;justify-content:center}.workspace,.nav-label,.sidebar-bottom{display:none}nav{margin-top:40px}nav a{font-size:0;padding:13px;justify-content:center}nav a span{font-size:24px}nav a.active{background:#e4eedf}.app{margin-left:80px}.dashboard-grid{grid-template-columns:1fr}.quick-card{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.top-date .role-pill{display:none}.login{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100vh}}@media(max-width:560px){.sidebar{position:static;width:100%;height:auto;padding:14px;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:21px;justify-content:flex-start}.sidebar nav{margin-top:16px;display:flex;overflow-x:auto;gap:7px}.sidebar nav a{font-size:11px;padding:8px;white-space:nowrap;gap:5px}.sidebar nav a span{font-size:17px}.app{margin-left:0}.topbar{height:55px;padding:0 17px}.top-date{font-size:10px}.main{padding:24px 16px}.page-heading h1{font-size:25px}.metrics{gap:10px}.metric{padding:15px 12px;min-height:125px}.metric strong{font-size:22px}.metric>span{font-size:11px}.metric small{font-size:9px}.form-grid{grid-template-columns:1fr}.card-heading{padding:19px}.chart{gap:7px;padding-inline:12px;height:210px}.bar-column>span{font-size:8px}.receipt{padding:20px}.receipt-top{flex-direction:column;gap:20px}.receipt .form-grid{grid-template-columns:1fr}.login-form{padding:30px}footer{padding:15px 18px}.brand-mark{width:32px;height:32px}}
@media print{body{background:#fff}.sidebar,.topbar,footer,.receipt button{display:none}.app{margin:0}.main{padding:0}.receipt{border:0;padding:0;max-width:none}.receipt .brand-mark{border:1px solid #333}a{color:#000}.receipt-total{border:1px solid #ddd}}
.mobile-logout{display:none}@media(max-width:900px){.mobile-logout{display:block}}