@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap";:root{font-family:Inter,Tajawal,system-ui,sans-serif;color:#15243b;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex;background:#f5f7fb}.rtl{font-family:Tajawal,Inter,sans-serif}.sidebar{width:248px;background:#fff;border-right:1px solid #e9eef6;display:flex;flex-direction:column;padding:26px 16px;position:fixed;inset:0 auto 0 0;z-index:10}.rtl .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid #e9eef6}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#1456d8;color:#fff;display:grid;place-items:center}.brand b{display:block;font-size:17px;letter-spacing:1.2px;color:#15243b}.brand span{font-size:11px;letter-spacing:4px;color:#1456d8;font-weight:800}.agency-label{font-size:10px;color:#9aa7ba;font-weight:700;letter-spacing:1.4px;padding:0 13px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#718097;padding:12px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;font:600 13px inherit;text-align:left;cursor:pointer;width:100%}.nav-item:hover{background:#f3f6fc;color:#1456d8}.nav-item.active{background:#edf3ff;color:#1456d8}.nav-item .lock{margin-left:auto}.rtl .nav-item .lock{margin-left:0;margin-right:auto}.sidebar-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;padding:15px 9px;border-top:1px solid #edf0f5}.avatar{width:36px;height:36px;background:#e9f0ff;color:#1456d8;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:10px;color:#96a1b2;margin-top:3px}.muted{font-size:12px}.main{margin-left:248px;width:calc(100% - 248px);min-height:100vh}.rtl .main{margin-left:0;margin-right:248px}.topbar{height:74px;background:#fff;border-bottom:1px solid #e9eef6;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#9aa7ba}.crumb b{color:#24334b}.top-actions{display:flex;align-items:center;gap:13px}.role-select{display:flex;align-items:center;gap:6px;color:#1456d8;background:#f2f6ff;border-radius:9px;padding:7px 9px}.role-select select{border:0;background:transparent;color:#31517f;font-size:11px;outline:0}.icon-btn{border:0;background:transparent;color:#718097;display:inline-flex;align-items:center;gap:5px;padding:8px;border-radius:8px;cursor:pointer}.icon-btn:hover{background:#f0f4fb}.icon-btn small{font-size:10px;font-weight:700}.content{padding:30px 34px 70px;max-width:1500px;margin:auto}.welcome{background:linear-gradient(110deg,#124fc8,#3477ed);border-radius:17px;padding:26px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.eyebrow{font-size:10px;letter-spacing:1.8px;opacity:.72;font-weight:700}.welcome h1{font-size:23px;margin:9px 0 5px}.welcome p{font-size:12px;margin:0;opacity:.8}.welcome-icon{width:80px;height:80px;border-radius:25px;background:#ffffff20;display:grid;place-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stat-card,.panel,.table-card{background:#fff;border:1px solid #eaf0f7;border-radius:14px;box-shadow:0 3px 12px #18365d05}.stat-card{padding:18px 19px;min-width:0}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}.stat-icon.blue{background:#edf3ff;color:#2464dd}.stat-icon.green{background:#e9f8f0;color:#20a36b}.stat-icon.orange{background:#fff4e8;color:#e99535}.stat-icon.purple{background:#f2edff;color:#8262d7}.stat-label{font-size:11px;color:#8290a4;font-weight:600}.stat-value{font-size:25px;font-weight:800;letter-spacing:-.7px;margin:7px 0}.stat-note{font-size:10px;color:#a1adbd}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:17px}.panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-size:14px;margin:0 0 5px}.panel-head p{font-size:10px;color:#9aa7ba;margin:0}.panel-icon{width:34px;height:34px;background:#edf3ff;color:#1456d8;border-radius:10px;display:grid;place-items:center}.big-money{font-size:27px;font-weight:800;margin:19px 0 10px}.chart{height:112px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #edf0f5;padding:0 5px}.chart div{flex:1;background:linear-gradient(180deg,#4d8bfa,#dce9ff);border-radius:5px 5px 0 0}.chart-labels{display:flex;justify-content:space-between;color:#aab4c2;font-size:9px;margin-top:8px}.quick-actions{margin-top:12px}.quick-actions button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #f0f2f6;background:none;text-align:left;cursor:pointer;color:#8592a5}.quick-actions button:last-child{border-bottom:0}.quick-actions button>span:nth-child(2){flex:1}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:11px;color:#263750}.quick-actions small{font-size:10px;color:#9aa7ba;margin-top:4px}.quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.quick-icon svg{width:17px}.blue-bg{background:#edf3ff;color:#2869e3}.purple-bg{background:#f2edff;color:#8262d7}.orange-bg{background:#fff4e8;color:#e99535}.activity{margin-top:17px}.text-btn{display:flex;align-items:center;border:0;background:none;color:#1456d8;font-size:10px;cursor:pointer}.activity-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f0f2f6}.activity-row:last-child{border:0}.activity-dot{width:8px;height:8px;border-radius:50%}.green-dot{background:#22b477}.orange-dot{background:#ed9b43}.activity-row div:nth-child(2){flex:1}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:11px}.activity-row small{font-size:10px;color:#9aa7ba;margin-top:4px}.activity-row strong{font-size:11px;color:#20a36b}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 22px}.page-heading h1{font-size:23px;margin:0 0 6px}.page-heading p{font-size:12px;color:#8b98aa;margin:0}.primary,.secondary{border:0;border-radius:9px;padding:11px 15px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary{background:#1456d8;color:#fff;box-shadow:0 4px 10px #1456d826}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#f0f3f8;color:#63738a}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:0 11px;width:min(340px,100%);height:39px;color:#9aa7ba}.search input{border:0;outline:0;width:100%;font:inherit;font-size:11px}.muted-text{font-size:10px;color:#9aa7ba}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}th{font-size:10px;color:#94a0b1;background:#fafbfd;padding:14px 17px;font-weight:700}td{font-size:11px;padding:14px 17px;border-top:1px solid #f0f2f6;color:#526176}td b{color:#263750}.car-cell{display:flex;align-items:center;gap:10px}.car-icon{width:34px;height:34px;background:#f0f5ff;color:#2565d9;border-radius:9px;display:grid;place-items:center}.car-cell b,.car-cell small{display:block}.car-cell small{font-size:9px;color:#9aa7ba;margin-top:3px}.status{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.status.available{background:#e9f8f0;color:#1c9a64}.status.rented{background:#edf3ff;color:#2869df}.status.maintenance{background:#fff3e5;color:#d8892d}.placeholder,.denied{min-height:390px;background:#fff;border:1px solid #eaf0f7;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.placeholder-icon{width:64px;height:64px;background:#edf3ff;color:#1456d8;border-radius:18px;display:grid;place-items:center}.placeholder h1,.denied h2{font-size:20px;margin:18px 0 7px}.placeholder p,.denied p{font-size:12px;color:#8b98aa;max-width:420px;line-height:1.7}.coming{font-size:9px;letter-spacing:1.2px;color:#a5afbd;margin-top:25px}.denied svg{color:#d18b36}.finance-tabs{display:flex;gap:6px;margin-bottom:16px}.finance-tabs button{border:0;background:transparent;color:#8794a6;padding:10px 14px;border-radius:8px;font-size:11px;cursor:pointer}.finance-tabs button.selected{background:#eaf1ff;color:#1456d8;font-weight:700}.finance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-form{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.finance-form input,.finance-form select{border:1px solid #e4eaf2;border-radius:8px;padding:10px;font:inherit;font-size:11px;min-width:140px;flex:1}.inspection-panel{max-width:720px}.inspection-steps{display:flex;gap:22px;border-bottom:1px solid #eef1f5;padding-bottom:18px;margin-bottom:20px}.step{font-size:12px;color:#1456d8;font-weight:800}.step small{font-size:10px;color:#8d9aad;font-weight:500;margin-left:5px}.inspection-panel label,.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#526176;margin:15px 0}.inspection-panel select,.form-grid input{border:1px solid #e3eaf3;border-radius:8px;padding:11px;background:#fff;font:inherit;font-size:12px;color:#263750}.segmented{display:flex;background:#f1f4f9;padding:4px;border-radius:9px;margin:18px 0}.segmented button{flex:1;border:0;background:transparent;padding:10px;border-radius:7px;font-size:11px;color:#7e8ba0}.segmented button.chosen{background:#fff;color:#1456d8;box-shadow:0 1px 4px #1c315315;font-weight:700}.upload-zone{border:1.5px dashed #cbd8eb;border-radius:13px;min-height:145px;display:flex!important;align-items:center;justify-content:center;text-align:center;color:#1456d8;position:relative;padding:20px}.upload-zone b{color:#34445d}.upload-zone small{color:#9aa7ba;font-weight:400}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.hash-box,.notice-box{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:9px;margin:12px 0;font-size:10px}.hash-box{background:#edf9f3;color:#1a9a63}.hash-box small{display:block;word-break:break-all;color:#547867;margin-top:4px}.notice-box{background:#f2f6ff;color:#536b92;line-height:1.6}.notice-box svg{flex:none;color:#2869df}.full{width:100%;margin-top:8px}footer{display:flex;justify-content:space-between;color:#a7b1bf;font-size:9px;margin-top:28px}footer span{display:flex;align-items:center;gap:5px}.demo-banner{position:fixed;bottom:10px;left:50%;transform:translate(-50%);background:#fff8e9;color:#9a6a25;border:1px solid #f6e5c5;border-radius:30px;padding:7px 13px;display:flex;align-items:center;gap:7px;font-size:9px;box-shadow:0 4px 15px #1a2b4410;z-index:20;white-space:nowrap}.toast{position:fixed;right:25px;bottom:55px;background:#172b49;color:#fff;padding:12px 15px;border-radius:10px;font-size:11px;display:flex;gap:15px;align-items:center;z-index:30;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13233b66;display:grid;place-items:center;z-index:40;padding:18px}.modal{background:#fff;border-radius:16px;padding:23px;width:min(560px,100%);box-shadow:0 20px 70px #10213c30}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{font-size:17px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 13px}.form-grid label{margin:8px 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.mobile-only{display:none}@media (max-width:1050px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.rtl .main{margin-right:220px}.content{padding:25px 22px 70px}.stats-grid{gap:10px}.stat-card{padding:15px}.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.sidebar{transform:translate(-105%);transition:transform .2s;box-shadow:8px 0 25px #142b4510}.rtl .sidebar{transform:translate(105%)}.sidebar.open,.rtl .sidebar.open{transform:translate(0)}.main,.rtl .main{margin:0;width:100%}.topbar{height:62px;padding:0 13px}.mobile-only{display:inline-flex}.crumb{font-size:10px;gap:5px}.top-actions{gap:3px}.role-select{padding:6px}.role-select select{max-width:76px;font-size:9px}.content{padding:18px 14px 75px}.welcome{padding:21px;border-radius:13px}.welcome h1{font-size:18px;max-width:250px}.welcome-icon{width:56px;height:56px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.stat-card{padding:13px}.stat-icon{width:31px;height:31px;margin-bottom:10px}.stat-value{font-size:21px}.stat-note{font-size:9px}.dashboard-grid{grid-template-columns:1fr;gap:11px}.panel{padding:16px}.activity{margin-top:11px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px}.page-heading .primary{padding:10px;font-size:10px}.finance-stats{grid-template-columns:1fr}.demo-banner{font-size:8px;max-width:94%;white-space:normal;text-align:center}.form-grid{grid-template-columns:1fr}.toast{right:12px;bottom:58px;left:12px;justify-content:space-between}.rtl .crumb{flex-direction:row-reverse}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f5f7fb,#eaf1ff)}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e7edf6;border-radius:20px;padding:35px;box-shadow:0 15px 45px #18365d12}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}.auth-brand .brand-mark{width:50px;height:50px}.auth-title{text-align:center;font-size:23px;margin:0 0 8px;color:#15243b}.auth-subtitle{text-align:center;color:#8b98aa;font-size:12px;margin-bottom:28px}.auth-form label{display:grid;gap:8px;margin-bottom:17px;font-size:12px;font-weight:600;color:#526176}.auth-form input{width:100%;padding:13px;border:1px solid #e3eaf3;border-radius:9px;font:inherit;font-size:13px;outline:none}.auth-form input:focus{border-color:#1456d8;box-shadow:0 0 0 3px #1456d812}.auth-form .primary{width:100%;padding:14px;margin-top:8px;font-size:13px}.auth-error{background:#fff0f0;color:#c33;border-radius:8px;padding:11px;font-size:11px;margin-bottom:15px}.auth-footer{text-align:center;color:#a1adbd;font-size:10px;margin-top:25px}.rtl .auth-card{text-align:right}.finance-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.finance-filters select{width:100%;min-width:0;border:1px solid #e4eaf2;border-radius:8px;padding:10px;background:#fff;font:inherit;font-size:11px;color:#526176}@media (max-width:760px){.finance-filters{grid-template-columns:1fr 1fr}}.sidebar-backdrop{display:none}@media (max-width:760px){.sidebar{z-index:36}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#0b1528a6;z-index:35}}:root{--color-brand:#284b63;--color-brand-hover:#203d52;--color-brand-soft:#eaf0f4;--color-brand-mid:#527b91}.brand-mark,.primary{background:var(--color-brand)}.brand span,.nav-item:hover,.nav-item.active,.text-btn,.panel-icon,.placeholder-icon,.finance-tabs button.selected,.step,.upload-zone,.notice-box svg{color:var(--color-brand)}.nav-item:hover,.nav-item.active,.role-select,.finance-tabs button.selected,.stat-icon.blue,.panel-icon,.placeholder-icon,.car-icon,.blue-bg{background:var(--color-brand-soft)}.brand span{color:var(--color-brand)}.welcome{background:linear-gradient(110deg,var(--color-brand),var(--color-brand-mid))}.primary{box-shadow:0 4px 10px #284b6326}.primary:hover{background:var(--color-brand-hover)}.stat-icon.blue,.car-icon,.blue-bg{color:var(--color-brand)}.status.rented{background:var(--color-brand-soft);color:var(--color-brand)}.chart div{background:linear-gradient(180deg,var(--color-brand-mid),#dce5eb)}.auth-screen{background:linear-gradient(135deg,#f4f6f8,#eaf0f4)}html[data-theme=dark]{color-scheme:dark;background:#111827;color:#e5eaf2}html[data-theme=dark] body,html[data-theme=dark] .app{background:#111827;color:#e5eaf2}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .stat-card,html[data-theme=dark] .panel,html[data-theme=dark] .table-card,html[data-theme=dark] .placeholder,html[data-theme=dark] .denied,html[data-theme=dark] .modal,html[data-theme=dark] .auth-card{background:#1f2937;border-color:#374151;color:#e5eaf2}html[data-theme=dark] .brand b,html[data-theme=dark] .crumb b,html[data-theme=dark] .panel-head h3,html[data-theme=dark] .quick-actions b,html[data-theme=dark] .page-heading h1,html[data-theme=dark] .stat-value,html[data-theme=dark] .profile b,html[data-theme=dark] .modal-head h2,html[data-theme=dark] .placeholder h1,html[data-theme=dark] .denied h2,html[data-theme=dark] .auth-title{color:#e5eaf2}html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .icon-btn:hover{background:#374151}html[data-theme=dark] .nav-item.active,html[data-theme=dark] .finance-tabs button.selected{background:#253b60}html[data-theme=dark] .role-select,html[data-theme=dark] .search,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .finance-form input,html[data-theme=dark] .finance-form select,html[data-theme=dark] .finance-filters select,html[data-theme=dark] .inspection-panel select,html[data-theme=dark] .form-grid input,html[data-theme=dark] .auth-form input{background:#111827;border-color:#4b5563;color:#e5eaf2}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8793a5}html[data-theme=dark] .secondary{background:#374151;color:#e5eaf2}html[data-theme=dark] .role-select select{color:#cbd5e1}html[data-theme=dark] th{background:#18212f;color:#aab6c8}html[data-theme=dark] td{border-color:#374151;color:#cbd5e1}html[data-theme=dark] td b,html[data-theme=dark] .quick-actions b,html[data-theme=dark] .upload-zone b{color:#e5eaf2}html[data-theme=dark] .quick-actions button,html[data-theme=dark] .activity-row,html[data-theme=dark] .profile,html[data-theme=dark] .chart{border-color:#374151}html[data-theme=dark] .segmented{background:#111827}html[data-theme=dark] .segmented button.chosen{background:#374151;color:#e5eaf2}html[data-theme=dark] .auth-screen{background:linear-gradient(135deg,#111827,#1e293b)}html[data-theme=dark] .auth-form label,html[data-theme=dark] .inspection-panel label,html[data-theme=dark] .form-grid label{color:#cbd5e1}