:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--success: #10b981;--danger: #ef4444;--border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary)}.admin-layout{display:flex;height:100vh}.sidebar{width:260px;background-color:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.logo-container{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.logo-icon{width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:6px}.nav-menu{padding:16px 0;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.nav-item.active{background-color:#3b82f61a;color:var(--accent);border-right:3px solid var(--accent)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:72px;padding:0 32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-profile{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.content-area{flex:1;padding:32px;overflow-y:auto}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{background-color:var(--bg-panel);padding:24px;border-radius:12px;border:1px solid var(--border)}.stat-card h3{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:12px}.big-number{font-size:36px;font-weight:700;margin-bottom:8px}.big-number.danger{color:var(--danger)}.trend{font-size:13px;font-weight:500}.trend.positive{color:var(--success)}.trend.negative{color:var(--danger)}.trend.neutral{color:var(--text-secondary)}.table-container{background-color:var(--bg-panel);border-radius:12px;border:1px solid var(--border);overflow:hidden}.fleet-table{width:100%;border-collapse:collapse}.fleet-table th,.fleet-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border)}.fleet-table th{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.fleet-table tr:hover{background-color:#ffffff05}.font-mono{font-family:monospace;color:var(--accent)}.status-badge{padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600}.status-badge.active{background-color:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge.inactive{background-color:#94a3b81a;color:var(--text-secondary);border:1px solid rgba(148,163,184,.2)}.battery-cell{display:flex;align-items:center;gap:8px}.icon-success{color:var(--success)}.icon-danger{color:var(--danger)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--border)}.dimmed{opacity:.5}