:root{--ink:#17211d;--muted:#7f8984;--line:#e8ece8;--soft:#f6f8f5;--lime:#d8f35b;--navy:#16342e;--orange:#f3a04c}*{box-sizing:border-box}body{margin:0;background:#f8faf7;color:var(--ink);font:14px 'DM Sans',sans-serif}h1,h2,h3,strong,.brand{font-family:'Space Grotesk',sans-serif}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column}.brand{font-size:26px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;padding:0 13px}.brand-mark{display:grid;place-items:center;background:var(--lime);width:30px;height:30px;border-radius:9px;font-size:20px}.accent{color:#a5bd1f}.workspace{margin:50px 12px 19px;padding-bottom:18px;border-bottom:1px solid var(--line)}.workspace small,.eyebrow{font-size:10px;letter-spacing:1.3px;color:#a5ada8;font-weight:700}.workspace strong{display:block;margin-top:9px;font-size:14px}nav{display:grid;gap:4px}nav a,.sidebar-bottom a{color:#85908a;text-decoration:none;padding:12px 14px;border-radius:9px;display:flex;gap:13px;align-items:center;font-weight:600}nav a span,.sidebar-bottom a span{font-size:20px;color:#a5afaa}nav a.active{background:#eff7d1;color:#27351d}nav a.active span{color:#75930a}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:17px}.main{flex:1;min-width:0;padding:0 40px 50px}.topbar{height:111px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1{font-size:26px;letter-spacing:-.8px;margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:20px}.icon-btn{border:0;background:transparent;font-size:25px;color:#65716a}.notify{position:relative}.notify i{position:absolute;width:6px;height:6px;background:#df7560;border-radius:50%;top:3px;right:1px}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:20px}.profile small,.person small,.row-main span,.row-right small,td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.profile>span{color:#abb3ae}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#dff49c;color:#4b6111;font-size:11px;font-weight:700}.avatar.small{width:29px;height:29px;border-radius:8px}.avatar.driver{background:#e4edf8;color:#45749c}.welcome,.page-intro{display:flex;justify-content:space-between;align-items:center;padding:31px 0 26px}.welcome h2{font-size:22px;margin:0 0 6px}.welcome h2 span{color:#a8c91a}.welcome p,.page-intro p{margin:0;color:var(--muted)}button{cursor:pointer;border:0}.primary{background:var(--lime);color:#26311b;padding:12px 17px;border-radius:8px;font-weight:700;box-shadow:0 4px 12px #c8df65aa}.primary:hover{filter:brightness(.96)}.secondary{background:#fff;border:1px solid var(--line);padding:11px 15px;border-radius:8px;color:#52605a;font-weight:600}.wide{width:100%;margin-top:12px}.stats-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:16px}.stat-card{background:#fff;border:1px solid var(--line);padding:20px 21px;border-radius:12px;min-height:139px}.stat-card.dark{background:var(--navy);color:white;border:0}.stat-top{display:flex;justify-content:space-between;color:#78847d;font-size:12px}.dark .stat-top{color:#b2c1bc}.stat-card>strong{font-size:25px;display:block;margin:17px 0 8px;letter-spacing:-.7px}.stat-card small{font:500 12px 'DM Sans';letter-spacing:0}.stat-icon{font-size:19px}.pale{color:#a7c229;background:#f4f9df;border-radius:8px;padding:3px 7px}.trend{font-size:11px;font-weight:700}.trend em{font-style:normal;color:#9aa39e;font-weight:400;margin-left:3px}.dark .trend em{color:#9cafaa}.positive{color:#6b9814}.dark .positive{color:#dcf364}.negative{color:#cf7e54}.content-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px;margin-top:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.panel h3{font-size:15px;margin:0 0 6px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.panel select{border:1px solid var(--line);padding:8px 11px;border-radius:6px;color:#66736b;background:#fff}.chart{height:230px;display:flex}.y-labels{width:35px;display:flex;flex-direction:column;justify-content:space-between;color:#b0b9b3;font-size:10px;padding-bottom:25px}.chart-area{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#edf0ed calc(25% - 1px),#edf0ed 25%)}svg{position:absolute;width:100%;height:calc(100% - 25px);overflow:visible}.area{fill:#e8f6a6aa}.line{fill:none;stroke:#b7d52e;stroke-width:3}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aab3ad;font-size:10px}.legend{display:flex;gap:19px;color:#78847d;font-size:11px;margin-left:35px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.yellow{background:#bad52f}.gray{background:#d9dfdb}.mini-list{display:grid}.mini-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f2f0}.mini-row:first-child{border-top:0}.route-icon,.transaction-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#f0f6d8;color:#89a62a;font-size:19px}.transaction-icon.in{background:#edf6d3;color:#739918}.transaction-icon.out{background:#fff0e8;color:#cf7c52}.row-main{min-width:0;flex:1}.row-main strong{font-size:12px;display:block}.row-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-right{text-align:right}.row-right b{font-size:11px;display:block}.badge{display:inline-block;border-radius:12px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap}.badge.green{background:#eaf6ce;color:#6e9411}.badge.orange{background:#fff0df;color:#c47a31}.badge.blue{background:#e6f0f7;color:#4380a6}.badge.gray{background:#edf0ee;color:#7d8983}.link{font-size:12px;color:#7c9d1a;text-decoration:none;font-weight:700}.page-intro{padding:30px 0 22px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;color:#a0aaa4;min-width:265px}.search input{border:0;outline:0;width:100%;color:var(--ink);background:transparent}.filters{display:flex;gap:6px}.filter{background:transparent;padding:9px 12px;border-radius:6px;color:#89938e;font-size:12px}.filter.active{background:#f0f6d7;color:#6b8d0d;font-weight:700}.filter b{margin-left:3px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;font-size:10px;letter-spacing:.8px;color:#a1aba5;font-weight:700;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #f0f2ef;color:#68736d;font-size:12px;vertical-align:middle}td strong{color:var(--ink);font-size:12px}.person{display:flex;align-items:center;gap:10px}.kebab{color:#9aa59f;letter-spacing:2px}.tracking{color:#718f16}.finance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.finance-cards .stat-card{min-height:126px}.finance-grid{grid-template-columns:1fr 1fr}.money-in{color:#739b17}.money-out{color:#c9794e}.flash{margin-top:15px;padding:11px 14px;border-radius:7px}.flash.error{background:#fff0ed;color:#b45240}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8faf7,#eef5d8)}.login-card{background:#fff;width:min(430px,calc(100% - 36px));padding:42px;border-radius:17px;box-shadow:0 18px 50px #234b2018}.center{justify-content:center;margin-bottom:43px}.login-card .eyebrow{display:block;text-align:center}.login-card h1{text-align:center;font-size:25px;margin:15px 0 8px}.muted{text-align:center;color:var(--muted);margin:0 0 30px}.login-card form{display:grid;gap:17px}.login-card label{font-size:12px;font-weight:700;color:#52605a}.login-card input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;margin-top:7px;outline-color:#b4ce3c}.login-note{display:block;text-align:center;color:#a8b0ab;margin-top:27px;font-size:11px}@media(max-width:1050px){.sidebar{width:210px}.main{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.finance-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{display:none}.main{padding:0 16px}.topbar{height:88px}.top-actions .profile{display:none}.top-actions{gap:7px}.welcome,.page-intro{align-items:flex-start;gap:15px}.welcome .primary,.page-intro .primary{white-space:nowrap;padding:10px}.finance-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card>strong{font-size:20px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.filters{overflow:auto;white-space:nowrap}}