:root{--espresso:#2b1d17;--espresso2:#3b271e;--brown:#6c4735;--copper:#b9734f;--caramel:#d99b68;--sand:#ead7c2;--cream:#f7f2eb;--paper:#fffdf9;--ink:#2c211d;--muted:#81736c;--line:#e8ddd2;--green:#568477;--shadow:0 12px 34px rgba(64,39,25,.08);--shadow2:0 20px 50px rgba(53,31,20,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,#ead6c2 0,transparent 25%),var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(170deg,#2d1e18 0%,#3c281f 60%,#241813 100%);padding:30px 20px 20px;display:flex;flex-direction:column;z-index:10;color:#fff;box-shadow:8px 0 35px rgba(52,31,20,.12)}.sidebar:after{content:"";position:absolute;width:180px;height:180px;left:-70px;bottom:110px;border:1px solid rgba(219,158,108,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(219,158,108,.035),0 0 0 64px rgba(219,158,108,.025);pointer-events:none}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font:800 22px "Manrope";letter-spacing:2.5px;padding:0 8px 36px;position:relative;z-index:1}.brand>span{width:39px;height:39px;border-radius:12px 12px 12px 4px;display:grid;place-items:center;background:linear-gradient(145deg,var(--caramel),#a85f3f);color:#fff;font:italic 800 25px Georgia;box-shadow:0 8px 22px rgba(185,108,70,.28)}.brand small{display:block;color:#baaaa1;font:600 7px "DM Sans";letter-spacing:1.7px;margin-top:2px}.sidebar nav{display:grid;gap:6px;position:relative;z-index:1}.nav{display:flex;gap:13px;align-items:center;border:1px solid transparent;border-radius:11px;background:transparent;color:#c9bbb3;padding:11px 13px;text-align:left;cursor:pointer;transition:.2s}.nav b{width:21px;font-size:18px;color:#aa8e7e}.nav span{font-size:13px;font-weight:600}.nav i{margin-left:auto;background:#54362a;color:#ebb58f;font-size:9px;font-style:normal;padding:3px 7px;border-radius:8px}.nav.active,.nav:hover{background:linear-gradient(90deg,rgba(208,143,97,.2),rgba(208,143,97,.08));border-color:rgba(226,171,132,.15);color:#fff;transform:translateX(2px)}.nav.active b,.nav:hover b{color:#e5a778}.support{margin-top:auto;background:linear-gradient(140deg,#6a4230,#4b3025);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:17px;position:relative;z-index:1;box-shadow:0 13px 30px rgba(20,10,6,.18)}.support>b{color:#efb589;font-size:20px}.support strong{display:block;font-size:12px;margin-top:8px}.support p{font-size:10px;color:#d4c1b5;line-height:1.5}.support button{width:100%;border:0;border-radius:9px;background:#fff8f0;color:#553323;font-size:10px;font-weight:700;padding:9px;cursor:pointer}.user{display:flex;align-items:center;gap:9px;margin-top:17px;position:relative;z-index:1}.user>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#d79a6b;color:#fff;font-size:10px;font-weight:800}.user div{display:grid;font-size:10px}.user small{color:#a9958a}.user button{margin-left:auto;border:0;background:none;color:#9b867b}.app>main{margin-left:252px;padding:0 39px 52px;max-width:1650px}.app>main>header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(115,76,54,.11);position:sticky;top:0;background:rgba(247,242,235,.88);backdrop-filter:blur(16px);z-index:5}header small{color:#9a8376;font-size:8px;letter-spacing:1.3px;font-weight:700}header h1{font:800 23px "Manrope";margin:5px 0 0;letter-spacing:-.5px}.actions{display:flex;gap:9px}.actions button,.card-head button{border:1px solid var(--line);background:rgba(255,253,249,.88);color:#745f54;border-radius:11px;padding:10px 12px;cursor:pointer;transition:.18s}.actions button:hover,.card-head button:hover{border-color:#c9ad9b;transform:translateY(-1px)}.search{min-width:210px;display:flex;gap:8px;box-shadow:0 5px 18px rgba(66,39,25,.035)}.search span{flex:1;text-align:left}.search kbd{font-size:8px;background:#f1e8df;color:#876e60;padding:2px 5px;border-radius:4px}.icon-btn{position:relative}.icon-btn i{position:absolute;right:-4px;top:-5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#bd6946;color:#fff;font-size:8px;font-style:normal;box-shadow:0 0 0 3px var(--cream)}.primary{border:1px solid var(--espresso)!important;background:linear-gradient(135deg,#3a271f,#251813)!important;color:#fff!important;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(48,29,21,.16);transition:.2s}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(48,29,21,.22)}.page{display:none}.page.active{display:block;animation:pagein .28s ease}@keyframes pagein{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.welcome,.page-intro{display:flex;justify-content:space-between;align-items:end;padding:29px 0 23px}.live{font-size:8px;font-weight:800;color:#936347;letter-spacing:1.3px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ca865f;box-shadow:0 0 0 4px rgba(202,134,95,.15);margin-right:6px}.live.orange{color:#a35d3c}.welcome h2,.page-intro h2{font:800 28px "Manrope";letter-spacing:-.8px;margin:8px 0 4px}.welcome p,.page-intro p{font-size:12px;color:var(--muted);margin:0}.weather{display:flex;align-items:center;gap:10px;background:rgba(255,253,249,.8);border:1px solid rgba(183,147,123,.25);padding:10px 14px;border-radius:13px;font-size:23px;box-shadow:0 8px 24px rgba(70,42,26,.05)}.weather span{display:grid}.weather b{font-size:13px}.weather small{font-size:8px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article,.card,.summary article,.expense-grid article,.driver-card,.empty{background:rgba(255,253,249,.94);border:1px solid rgba(177,142,119,.22);border-radius:17px;box-shadow:var(--shadow)}.metrics article{padding:17px;position:relative;overflow:hidden;transition:.2s}.metrics article:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;right:-36px;bottom:-40px;background:rgba(185,115,79,.08)}.metrics article:hover,.driver-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:rgba(177,122,88,.35)}.metric-head{display:flex;justify-content:space-between}.metric-head>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.mint{background:#e3ece7;color:#568477}.coral{background:#f8e7dc;color:#b66443}.violet{background:#eee8e5;color:#7b5a4d}.blue{background:#eee7df;color:#896648}.metric-head em{height:max-content;font-size:8px;font-style:normal;background:#e8f0ec;color:#547f73;padding:4px 7px;border-radius:8px;font-weight:700}.metric-head .warn{background:#f8e6db;color:#b66343}.online{font-size:8px;color:#5b8479}.metrics p{font-size:10px;color:var(--muted);margin:13px 0 4px}.metrics h3{font:800 22px "Manrope";letter-spacing:-.5px;margin:0 0 4px}.metrics h3 small,.metrics article>small{font-size:8px;color:#92837b}.dashboard-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px;margin-top:14px}.card{padding:19px}.card-head{display:flex;justify-content:space-between;align-items:start}.card-head h3{font:750 14px "Manrope";margin:0 0 4px}.card-head p{font-size:9px;color:var(--muted);margin:0}.card-head button{font-size:9px;padding:7px 10px}.bars{height:190px;display:flex;align-items:end;justify-content:space-around;padding:20px 18px 24px;margin-top:14px;background:repeating-linear-gradient(to bottom,rgba(120,86,66,.1) 0 1px,transparent 1px 51px);border-radius:8px}.bars>div{height:100%;width:10%;display:flex;align-items:end;justify-content:center;gap:4px;position:relative}.bars i,.bars b{width:11px;border-radius:4px 4px 1px 1px;transition:.25s}.bars i{background:linear-gradient(#e5c3a9,#c9916d)}.bars b{background:linear-gradient(#79503c,#3c281f)}.bars>div:hover i,.bars>div:hover b{filter:brightness(1.12)}.bars small{position:absolute;bottom:-19px;font-size:8px;color:var(--muted)}.legend{display:flex;gap:16px;margin-top:14px;font-size:8px;color:var(--muted)}.legend>span i,.spend-list i,.expense-grid>article>i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend .revenue,.c3{background:#533629}.legend .cost,.c1{background:#d08b61}.legend>b{margin-left:auto}.legend strong{color:var(--ink)}.donut{width:116px;height:116px;margin:17px auto;border-radius:50%;background:conic-gradient(#8b5941 0 61%,#d79867 61% 80%,#b9a18d 80% 94%,#543a30 94%);display:grid;place-items:center;box-shadow:0 10px 24px rgba(69,42,27,.11)}.donut:before{content:"";position:absolute;width:73px;height:73px;background:var(--paper);border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.donut span{position:relative;display:grid;text-align:center}.donut b{font:750 12px "Manrope"}.donut small{font-size:8px;color:var(--muted)}.spend-list p{display:grid;grid-template-columns:auto 1fr auto 27px;align-items:center;font-size:8px}.spend-list b{font-size:9px}.spend-list small{text-align:right;color:var(--muted)}.c2{background:#d79867}.c4{background:#543a30}.text-btn{border:0!important;background:transparent!important;color:#8f573b!important;font-weight:700!important}.spending>.text-btn{width:100%;border-top:1px solid var(--line)!important;border-radius:0!important;margin-top:8px}.trips-card{margin-top:14px}.trip-row{display:grid;grid-template-columns:38px 1.2fr 1fr 1fr .8fr .65fr 20px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:13px 0;transition:.18s}.trip-row:hover{background:#fbf6f0;margin-inline:-10px;padding-inline:10px;border-radius:10px}.truck{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f1e5da,#e4d0c0);color:#79533f;display:grid;place-items:center}.trip-row>div{display:grid}.trip-row strong{font-size:9px}.trip-row small{font-size:8px;color:var(--muted);margin-top:3px}.avatar-line{display:flex!important;align-items:center;gap:7px}.avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e8d6c7;color:#694633;font-size:8px;font-weight:800}.progress span{height:4px;background:#eee4dc;border-radius:4px;margin-top:6px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b86d49,#db9b6d);border-radius:4px}.status{display:block!important;font-size:8px;font-weight:700;color:#587a70;background:#e8f0ed;padding:6px;border-radius:8px;white-space:nowrap;text-align:center}.chev{border:0;background:none;color:#9f887c;font-size:19px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.summary article{padding:19px;display:grid}.summary small{font-size:9px;color:var(--muted)}.summary b{font:800 21px "Manrope";margin:6px 0}.summary em{font-size:8px;color:#568477;font-style:normal}.driver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.driver-card{padding:21px;position:relative;transition:.2s}.driver-avatar{width:50px;height:50px;border-radius:15px 15px 15px 5px;background:linear-gradient(145deg,#8b5b44,#4f3328);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 8px 18px rgba(75,44,30,.18)}.driver-card>em{position:absolute;right:16px;top:16px;background:#e9f0ed;color:#557d72;font-size:8px;font-style:normal;padding:5px 9px;border-radius:9px}.driver-card h3{font:750 14px "Manrope";margin:15px 0 3px}.driver-card>p{font-size:9px;color:var(--muted)}.driver-stats{display:flex;border-block:1px solid var(--line);padding:13px 0;margin:15px 0}.driver-stats span{width:50%;font-size:8px;color:var(--muted)}.driver-stats span+span{border-left:1px solid var(--line);padding-left:13px}.driver-stats b{display:block;font:750 16px "Manrope";color:var(--ink)}.issue{font-size:9px;color:#705f56;margin-bottom:14px}.driver-card button{width:100%;border:0;background:#f2e7de;color:#744b37;border-radius:9px;padding:9px;font-size:9px;font-weight:700;cursor:pointer}.expense-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.expense-grid article{padding:20px}.expense-grid .total{background:linear-gradient(145deg,#3d2920,#251813);color:#fff;box-shadow:0 18px 35px rgba(45,27,19,.19);border-color:#493026;position:relative;overflow:hidden}.expense-grid .total:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(222,158,111,.16);border-radius:50%;right:-50px;bottom:-70px;box-shadow:0 0 0 24px rgba(222,158,111,.04)}.total small{color:#bda99e}.total h2{font:800 22px "Manrope";margin:7px 0 12px}.total span{font-size:8px;color:#e0aa82}.expense-grid article>small{display:block;font-size:9px;color:var(--muted);margin-top:8px}.expense-grid h3{font:750 15px "Manrope";margin:6px 0}.expense-grid article>div{height:5px;background:#eee3da;border-radius:5px;margin-top:16px}.expense-grid article>div span{display:block;height:100%;background:linear-gradient(90deg,#744a36,#d18b62);border-radius:5px}.expense-grid p{font-size:8px;color:var(--muted)}.maintenance{margin-top:14px}.maint{display:grid;grid-template-columns:38px 1fr .5fr .6fr 60px;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:9px}.maint>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3e5db;color:#a65f3e}.maint span{display:grid}.maint small{font-size:8px;color:var(--muted)}.maint em{font-style:normal;color:var(--muted)}.maint button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;font-size:8px}.empty{text-align:center;padding:84px 20px;background:linear-gradient(145deg,#fffdf9,#f8efe7)}.empty>b{font-size:42px;color:#9d694d}.empty h3{font:800 20px "Manrope"}.empty p{font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(37,23,17,.78);backdrop-filter:blur(7px);padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(480px,100%);background:var(--paper);border:1px solid rgba(207,168,143,.35);border-radius:21px;padding:29px;position:relative;box-shadow:0 35px 90px rgba(28,15,9,.35)}.modal .close{position:absolute;right:19px;top:17px;border:0;background:#f1e7df;color:#705448;border-radius:50%;width:31px;height:31px;font-size:18px}.modal h2{font:800 24px "Manrope";letter-spacing:-.5px;margin:8px 0 3px}.modal>p{font-size:10px;color:var(--muted);margin-bottom:21px}.modal label{display:grid;gap:6px;font-size:9px;font-weight:700;margin-bottom:12px}.modal input,.modal select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fcf8f4;padding:11px;color:var(--ink);outline:none}.modal input:focus,.modal select:focus{border-color:#b77b59;box-shadow:0 0 0 3px rgba(183,123,89,.12)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.submit{width:100%}.toast{position:fixed;right:22px;bottom:22px;background:#35231c;color:#fff;border:1px solid #5c3c2e;border-radius:11px;padding:13px 17px;font-size:11px;transform:translateY(80px);opacity:0;transition:.25s;z-index:60;box-shadow:var(--shadow2)}.toast.show{transform:none;opacity:1}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.driver-grid{grid-template-columns:1fr 1fr}.expense-grid{grid-template-columns:1fr 1fr}.trip-row{grid-template-columns:38px 1.3fr 1fr 1fr}.trip-row .eta,.trip-row .status,.trip-row .progress{display:none}}
@media(max-width:720px){body{background:var(--cream)}.sidebar{inset:auto 0 0;width:auto;height:70px;padding:7px 10px;border-right:0;border-top:1px solid #4c3126;display:block;background:#2c1d17}.sidebar:after,.brand,.support,.user{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav{display:grid;place-items:center;padding:9px;font-size:0}.nav b{font-size:18px;text-align:center}.nav span,.nav i{display:none}.app>main{margin-left:0;padding:0 16px 90px}.app>main>header{height:76px}header>div>small,.search{display:none}.actions{gap:5px}.primary.open-trip{font-size:0;width:41px}.primary.open-trip:after{content:"＋";font-size:18px}.welcome{align-items:start}.weather{display:none}.metrics{grid-template-columns:1fr 1fr;gap:9px}.trip-row{grid-template-columns:38px 1fr 20px}.trip-row .avatar-line{display:none!important}.driver-grid,.summary{grid-template-columns:1fr}.expense-grid{grid-template-columns:1fr 1fr}.expense-grid .total{grid-column:1/-1}.page-intro .primary{font-size:0;width:41px;height:41px}.page-intro .primary:after{content:"＋";font-size:18px}.maint{grid-template-columns:38px 1fr auto}.maint>em,.maint>strong{display:none}.form-row{grid-template-columns:1fr}}
@media(max-width:420px){.metrics{grid-template-columns:1fr}.metrics article:nth-child(2),.metrics article:nth-child(4){display:none}.expense-grid{grid-template-columns:1fr}.welcome h2,.page-intro h2{font-size:23px}}
.auth-backdrop{z-index:100;background:radial-gradient(circle at 70% 20%,rgba(176,105,69,.22),transparent 30%),#241711f2}.auth-modal{width:min(430px,100%);border-color:#6b4331}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;font:800 20px "Manrope",sans-serif;letter-spacing:2px}.auth-brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:linear-gradient(145deg,#d89a69,#9d593b);color:#fff;font:italic 800 24px Georgia}.auth-modal .auth-switch{width:100%;border:0;background:transparent;color:#8f573b;font-size:10px;font-weight:700;padding:11px;cursor:pointer}.auth-modal form>p{font-size:10px;color:var(--muted)}.auth-modal .form-error{min-height:15px;color:#a43f32;font-weight:700}.auth-modal button:disabled,.modal button:disabled{opacity:.55;cursor:wait}.auth-backdrop[hidden]{display:none}