@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1d30;--navy2:#132b43;--gold:#c9a35c;--gold2:#e4c789;--paper:#f5f6f8;--ink:#18283a;--muted:#8290a0;--line:#e9edf1;--white:#fff;--green:#1e9b70}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.app{min-height:100vh;display:flex}.sidebar{width:258px;background:linear-gradient(180deg,#0b1d30,#10283f);color:#fff;padding:27px 17px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:43px;height:43px;border:1px solid var(--gold);border-radius:12px;display:grid;place-items:center;color:var(--gold2);font-family:Manrope;font-weight:800;letter-spacing:-1px}.brand b{font:800 16px Manrope;display:block}.brand small{font-size:9px;letter-spacing:2px;color:#a7b1bc}.company{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;margin-bottom:25px}.company b,.user b{font-size:12px;display:block}.company small,.user small{font-size:10px;color:#aab6c3;display:block;margin-top:3px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#24435e;color:#f5d99d;font-size:11px;font-weight:700;flex-shrink:0}.avatar.gold{background:#c9a35c;color:#17283a}.dots{margin-left:auto;color:#a9b5c1;letter-spacing:2px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#b8c3cf;text-align:left;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;font:500 13px 'DM Sans';cursor:pointer}.nav-item>span{font-size:18px;width:20px;text-align:center;color:#aebbc8}.nav-item.active{background:linear-gradient(90deg,#c9a35c2b,#c9a35c0c);color:#f3d99f;border-left:3px solid var(--gold)}.nav-item.active>span{color:var(--gold2)}.nav-item em{margin-left:auto;font-size:10px;font-style:normal;background:#c9a35c;color:#14273b;padding:3px 7px;border-radius:20px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#74879a;padding:22px 13px 7px}.sidebar-bottom{margin-top:auto}.support{display:flex;gap:10px;padding:14px 10px;background:#ffffff0b;border-radius:10px;margin-bottom:18px}.support>span{color:var(--gold);font-size:19px}.support b{display:block;font-size:11px}.support small{font-size:9px;color:#9eacb9}.user{border-top:1px solid #ffffff1c;padding:17px 8px 0;display:flex;align-items:center;gap:10px}.main{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{font-size:12px;color:#9aa5b1;display:flex;gap:11px;align-items:center}.crumb b{color:#d1d7de}.crumb strong{color:#293b4e;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.today{font-size:11px;color:#7d8996}.top-actions select{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 9px;color:#526173;font-size:11px}.icon-btn{position:relative;border:1px solid var(--line);background:white;border-radius:9px;width:34px;height:34px;color:#5c6a79;font-size:17px}.icon-btn i{position:absolute;width:6px;height:6px;border-radius:50%;background:#c9a35c;right:7px;top:6px}.content{max-width:1450px;margin:auto;padding:31px 38px 24px}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:2px;color:#b28a45;font-weight:700}.welcome h1{font:800 27px Manrope;margin:8px 0 5px;color:#172a3e}.welcome h1 span{color:var(--gold)}.welcome p,.panel-head p{margin:0;color:#8b97a4;font-size:12px}.gold-btn{background:linear-gradient(135deg,#d8b777,#bd9149);border:0;color:#17283a;padding:12px 17px;border-radius:8px;font-weight:700;font-size:12px;box-shadow:0 5px 14px #c9a35c30;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card,.panel{background:#fff;border:1px solid #edf0f3;border-radius:12px;box-shadow:0 4px 18px #18283a05}.stat-card{padding:17px 18px;position:relative;min-height:151px;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7e8b98;font-size:11px}.stat-icon{width:30px;height:30px;border-radius:9px;background:#f7f1e6;color:#b78e4b;display:grid;place-items:center;font-size:16px}.stat-card>strong{display:block;font:800 25px Manrope;color:#1a2c40;margin:13px 0 4px}.stat-card>strong small{font-size:12px;color:#7e8b98}.positive{font-size:10px;color:#1d9a70}.positive span{color:#9aa5b0}.muted{font-size:10px;color:#9aa5b0}.warning{font-size:10px;color:#c58d35}.spark,.mini-bars{position:absolute;right:17px;bottom:16px;height:35px;display:flex;align-items:end;gap:4px}.spark i,.mini-bars i{display:block;width:5px;border-radius:4px 4px 0 0;background:#d8c08e}.progress{height:5px;background:#edf0f3;border-radius:5px;margin-top:15px}.progress span{display:block;height:100%;background:var(--gold);border-radius:5px}.stat-foot{display:flex;align-items:center;gap:7px;margin-top:16px;color:#9aa5b0;font-size:10px}.dot-warning{width:7px;height:7px;border-radius:50%;background:#d5a451}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h2{font:700 14px Manrope;margin:0 0 5px;color:#1d3045}.panel-head a{color:#b18a4b;text-decoration:none;font-size:10px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#9aa5b0;font-size:9px;letter-spacing:.7px;font-weight:600;padding:10px 9px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:13px 9px;border-bottom:1px solid #f0f2f4;color:#596879}td b{color:#26394d;font-size:11px}td small{display:block;color:#a1abb5;font-size:9px;margin-top:4px}.pill{font-size:9px;padding:5px 8px;border-radius:20px}.confirmed{background:#e8f6ef;color:#26845f}.pending{background:#fff4df;color:#b17b27}.cancelled{background:#fcebec;color:#c16b70}.donut-wrap{display:flex;align-items:center;justify-content:space-around;padding:10px 0 18px}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(#c9a35c 0 75%,#7e9aaf 75% 91.7%,#e9b9a0 91.7% 100%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:94px;height:94px;background:#fff;border-radius:50%}.donut>div{position:relative;text-align:center}.donut b{display:block;font:800 25px Manrope;color:#1d3045}.donut small{font-size:9px;color:#8b97a4}.legend{display:grid;gap:12px;min-width:120px}.legend div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:10px;color:#8793a0}.legend b{color:#304256}.lg{width:7px;height:7px;border-radius:50%}.available{background:#c9a35c}.rented{background:#7e9aaf}.maintenance{background:#e9b9a0}.fleet-note{background:#faf7f0;border-radius:7px;padding:10px;color:#98763f;font-size:10px;display:flex;gap:8px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px 11px;text-align:left;cursor:pointer}.quick-actions button>span{width:27px;height:27px;border-radius:8px;background:#f7f1e6;color:#b78e4b;display:grid;place-items:center;margin-bottom:9px}.quick-actions b{display:block;font-size:10px;color:#34475a}.quick-actions small{display:block;font-size:9px;color:#9aa5b0;margin-top:5px}.activity-row{display:flex;align-items:center;gap:10px;padding:8px 0}.activity-icon{width:26px;height:26px;border-radius:50%;background:#e8f6ef;color:#25875f;display:grid;place-items:center;font-size:12px}.gold-bg{background:#f8f1e5;color:#b78e4b}.blue-bg{background:#edf3f8;color:#6485a0}.activity-row div{flex:1}.activity-row b{display:block;font-size:10px;color:#394c5f}.activity-row small{display:block;font-size:9px;color:#9aa5b0;margin-top:3px}.activity-row time{font-size:9px;color:#9aa5b0}footer{text-align:center;color:#a4adb7;font-size:10px;padding:23px 0 5px}footer b{color:#8a7046}footer span{margin:0 3px}.toast{position:fixed;bottom:24px;right:24px;background:#10283f;color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;box-shadow:0 8px 24px #0002;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
[dir=rtl] .sidebar{order:2}[dir=rtl] .main{order:1}[dir=rtl] .nav-item{text-align:right}[dir=rtl] .nav-item.active{border-left:0;border-right:3px solid var(--gold)}[dir=rtl] .dots{margin-left:0;margin-right:auto}[dir=rtl] th,[dir=rtl] td{text-align:right}
@media(max-width:1100px){.sidebar{width:220px}.content{padding:25px 22px}.topbar{padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:66px;padding:18px 8px}.brand{padding:0 3px 22px}.brand>div:last-child,.company>div,.company .dots,.nav-item label,.nav-item em,.nav-caption,.support,.user>div,.user .dots{display:none}.company{justify-content:center;padding:10px 0}.nav-item{justify-content:center;padding:12px 0}.nav-item>span{font-size:19px}.user{justify-content:center;padding:14px 0 0}.topbar{height:60px;padding:0 13px}.today{display:none}.content{padding:22px 13px}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:21px}.welcome p{font-size:10px;max-width:220px}.gold-btn{padding:10px;font-size:10px;white-space:nowrap}.stats{gap:9px}.stat-card{padding:13px;min-height:135px}.stat-card>strong{font-size:21px}.grid-main,.bottom-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.quick-actions button{display:grid;grid-template-columns:30px 1fr;column-gap:9px}.quick-actions button>span{grid-row:span 2;margin:0}.quick-actions small{margin-top:2px}.panel{padding:15px}.donut-wrap{justify-content:space-evenly}.crumb{font-size:10px}.top-actions{gap:8px}}