:root{--color-bg: #F6F7F9;--color-surface: #FFFFFF;--color-surface-alt: #EDEFF3;--color-ink: #1B1F26;--color-ink-muted: #5A6474;--color-ink-faint: #8B94A3;--color-border: #D9DEE6;--color-primary: #B45309;--color-primary-hover: #92400E;--color-primary-soft: #FEF3C7;--color-secondary: #334155;--color-secondary-soft: #E2E8F0;--color-success: #15803D;--color-success-soft: #DCFCE7;--color-warning: #C2410C;--color-warning-soft: #FFEDD5;--color-danger: #B91C1C;--color-danger-soft: #FEE2E2;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-rest: 0 1px 2px rgba(16, 24, 40, .05);--shadow-elev: 0 4px 12px rgba(16, 24, 40, .08);--shadow-modal: 0 12px 32px rgba(16, 24, 40, .16);--font-display: "Archivo", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 232px}.dark{--color-bg: #12151A;--color-surface: #1A1E25;--color-surface-alt: #232833;--color-ink: #F1F5F9;--color-ink-muted: #A5B0C0;--color-ink-faint: #6B7686;--color-border: #2E3440;--color-primary: #F59E0B;--color-primary-hover: #FBBF24;--color-primary-soft: #3B2E0A;--color-secondary: #94A3B8;--color-secondary-soft: #26303C;--color-success: #4ADE80;--color-success-soft: #0F2A1A;--color-warning: #FB923C;--color-warning-soft: #331A0A;--color-danger: #F87171;--color-danger-soft: #331111;--shadow-rest: none;--shadow-elev: 0 4px 12px rgba(0, 0, 0, .3);--shadow-modal: 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:15px;line-height:1.5;background:var(--color-bg);color:var(--color-ink);transition:background-color .25s ease-out,color .25s ease-out}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .5rem}h1{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.0625rem;font-weight:600}p{text-wrap:pretty}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--color-ink-muted)}.faint{color:var(--color-ink-faint)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:var(--space-md);gap:var(--space-sm)}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.85rem}.brand-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--color-ink)}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--color-ink-muted);font-weight:500;font-size:.875rem}.nav-item:hover{background:var(--color-surface-alt);color:var(--color-ink)}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.nav-ic{width:20px;text-align:center;font-size:.95rem}.sidebar-foot{border-top:1px solid var(--color-border);padding-top:var(--space-sm)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.topbar-spacer{flex:1}.user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:999px}.user-chip:hover{background:var(--color-surface-alt)}.avatar{width:30px;height:30px;border-radius:999px;background:var(--color-secondary-soft);color:var(--color-secondary);display:grid;place-items:center;font-weight:600;font-size:.75rem}.user-name{font-size:.85rem;font-weight:500}.content{padding:var(--space-lg);max-width:1200px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.page-head p{margin:2px 0 0;color:var(--color-ink-muted);font-size:.9rem}.mobile-nav{position:fixed;inset:0;z-index:50;background:var(--color-surface);display:flex;flex-direction:column;gap:6px;padding:var(--space-xl) var(--space-lg)}.mobile-nav .nav-item{font-size:1rem;padding:12px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-rest)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-title{font-size:.8125rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.grid{display:grid;gap:var(--space-md)}.grid-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.kpi-label{font-size:.8125rem;font-weight:600;color:var(--color-ink-muted)}.kpi-value{font-size:1.75rem;font-weight:600;margin-top:6px;letter-spacing:-.01em}.kpi-sub{font-size:.8125rem;color:var(--color-ink-faint);margin-top:4px}.kpi-warning .kpi-value{color:var(--color-warning)}.kpi-danger .kpi-value{color:var(--color-danger)}.kpi-success .kpi-value{color:var(--color-success)}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-md);border:1px solid transparent;padding:9px 16px;font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}.btn-secondary{background:var(--color-secondary-soft);color:var(--color-secondary)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-sm{padding:5px 10px;font-size:.8125rem}.icon-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-ink-muted);font-size:1.05rem;cursor:pointer;display:inline-grid;place-items:center}.icon-btn:hover{background:var(--color-surface-alt);color:var(--color-ink)}label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:4px;color:var(--color-ink)}input,select,textarea{width:100%;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px;font-family:var(--font-body);font-size:.9375rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px var(--color-surface)}input.mono,select.mono{font-family:var(--font-mono)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.form-row{margin-bottom:var(--space-md)}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.field-error{color:var(--color-danger);font-size:.8125rem;margin-top:4px}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched{border-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-sm);white-space:nowrap}.badge-upcoming,.badge-secondary{background:var(--color-secondary-soft);color:var(--color-secondary)}.badge-due,.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-overdue,.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-done,.badge-success{background:var(--color-success-soft);color:var(--color-success)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}thead th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);padding:10px 14px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);white-space:nowrap;position:sticky;top:0}tbody td{padding:12px 14px;border-bottom:1px solid var(--color-border);font-size:.875rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-surface-alt)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.alert-row.alert-overdue{border-left:3px solid var(--color-danger)}.alert-row.alert-due{border-left:3px solid var(--color-warning)}.alert-main{flex:1;min-width:0}.alert-title{font-weight:600;font-size:.875rem}.alert-sub{font-size:.8125rem;color:var(--color-ink-muted)}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg)}.empty-icon{font-size:2rem;margin-bottom:8px}.empty-title{font-size:1rem}.empty-copy{color:var(--color-ink-muted);font-size:.875rem;max-width:380px;margin:4px auto var(--space-md)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:10px 14px;font-size:.875rem;margin-bottom:var(--space-md)}.empty-hint{text-align:center;padding:var(--space-lg)}.chart{width:100%}.chart-svg{width:100%;height:auto}.chart-bar{fill:var(--color-primary);opacity:.85}.chart-bar:hover{opacity:1}.chart-grid{stroke:var(--color-border);stroke-dasharray:4 4;stroke-width:1}.chart-labels{display:flex;justify-content:space-between;margin-top:4px}.chart-label{font-size:.7rem;color:var(--color-ink-faint)}.chart-line{stroke:var(--color-primary);stroke-width:2.5}.chart-dot{fill:var(--color-primary)}.modal-overlay{position:fixed;inset:0;z-index:100;background:#10182873;display:grid;place-items:center;padding:var(--space-md)}.modal-panel{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:var(--space-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.modal-head h3{margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md)}.page-info{font-size:.8125rem;color:var(--color-ink-muted)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-lg)}.auth-card{width:100%;max-width:420px}.auth-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:var(--space-lg)}.auth-tabs{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-lg)}.auth-tab{flex:1;padding:10px;text-align:center;background:var(--color-surface);border:none;cursor:pointer;font-weight:600;font-size:.875rem;color:var(--color-ink-muted)}.auth-tab.active{background:var(--color-primary-soft);color:var(--color-primary)}.auth-foot{text-align:center;margin-top:var(--space-md);font-size:.8125rem;color:var(--color-ink-muted)}.auth-error{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:10px 14px;font-size:.875rem;margin-bottom:var(--space-md)}.demo-hint{margin-top:var(--space-lg);padding:12px 14px;border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-ink-muted)}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.vehicle-header{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.vehicle-plate{font-family:var(--font-mono);font-weight:600;font-size:1.4rem;background:var(--color-surface-alt);border:1px solid var(--color-border);padding:6px 14px;border-radius:var(--radius-sm);letter-spacing:.04em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.stat{text-align:left}.stat-label{font-size:.75rem;color:var(--color-ink-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:600;margin-top:2px}.filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-md)}.filters input,.filters select{width:auto;min-width:140px}.filters .search{flex:1;min-width:200px}.skeleton{border-radius:var(--radius-md);background:var(--color-surface-alt);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sk-line{height:14px;margin-bottom:8px}.sk-card{height:120px}@media(max-width:860px){.sidebar{display:none}.content{padding:var(--space-md)}table{min-width:560px}.grid-2{grid-template-columns:1fr}.topbar{padding:0 var(--space-md)}}@media(min-width:861px){.mobile-nav{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}