:root{--bg: #f5f5f7;--bg-elevated: #ffffff;--text: #111827;--muted: #6b7280;--primary: #2563eb;--primary-soft: #dbeafe;--border: #e5e7eb;--danger: #dc2626}[data-theme=dark]{--bg: #020617;--bg-elevated: #020617;--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--primary-soft: #1d283a;--border: #1f2937;--danger: #f87171}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(to bottom,#0f172af2,#0f172ae6);border-inline-end:1px solid var(--border);padding:1.5rem 1.25rem;width:260px;flex-shrink:0;color:#e5e7eb}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sidebar-title{font-weight:700;font-size:1.05rem}.sidebar-subtitle{font-size:.75rem;color:#9ca3af}.nav{display:flex;flex-direction:column;gap:.25rem}@media (max-width: 900px){.nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-top:.5rem;margin-inline:-.5rem;padding-inline:.5rem}}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:.6rem;color:#9ca3af;text-decoration:none;font-size:.9rem;transition:background .15s ease,color .15s ease;white-space:nowrap}.nav-link.active{background:#2563eb2e;color:#e5e7eb}.nav-link:hover:not(.active){background:#94a3b82e;color:#f9fafb}.nav-dot{width:.5rem;height:.5rem;border-radius:999px;background:#94a3b8e6}.main{padding:1.5rem 1.75rem;width:100%}@media (max-width: 900px){.main{padding:1rem 1rem 1.5rem}}.page-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.4rem;font-weight:600}.page-description{font-size:.9rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{border-radius:999px;padding:.45rem .95rem;border:1px solid transparent;background:var(--bg-elevated);color:var(--text);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.btn-primary{background:var(--primary);color:#f9fafb}.btn-outline{border-color:var(--border)}.btn-danger{background:var(--danger);color:#fef2f2}.btn-icon{width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--muted)}.btn:disabled{opacity:.6;cursor:default}.card{background:var(--bg-elevated);border-radius:1rem;border:1px solid var(--border);padding:1.2rem 1.3rem;box-shadow:0 18px 45px #0f172a14}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 800px){.grid-2{grid-template-columns:minmax(0,1fr)}}.label{display:block;font-size:.8rem;margin-bottom:.3rem;color:var(--muted)}.input,.select,.textarea{width:100%;border-radius:.7rem;border:1px solid var(--border);padding:.55rem .7rem;font-size:.9rem;background:var(--bg);color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.textarea{resize:vertical;min-height:80px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:.55rem .6rem;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}th{font-weight:500;color:var(--muted);background:#94a3b814}tr:hover td{background:#94a3b80a}.chip{border-radius:999px;padding:.15rem .6rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}.chip-diesel{background:#fef9c3;color:#854d0e}.chip-trip{background:#dcfce7;color:#166534}.chip-maintenance{background:#e0f2fe;color:#1d4ed8}.filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.filters-group{display:flex;flex-direction:column;gap:.25rem;min-width:160px}.empty-state{text-align:center;padding:1.5rem 1rem;color:var(--muted);font-size:.9rem}.badge{padding:.1rem .5rem;border-radius:999px;font-size:.7rem;border:1px solid var(--border)}.badge-muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:.65rem}.row{display:flex;gap:.5rem}.row>*{flex:1}.muted{color:var(--muted)}.tag{border-radius:999px;padding:.1rem .55rem;font-size:.75rem;border:1px solid var(--border)}.header-kpis{display:flex;flex-wrap:wrap;gap:.75rem}.kpi{padding:.6rem .9rem;border-radius:.9rem;background:var(--bg-elevated);border:1px solid var(--border);min-width:120px}.kpi-label{font-size:.75rem;color:var(--muted)}.kpi-value{font-weight:600;margin-top:.15rem}