:root{--bg-body:#f8fafc;--bg-card:#fff;--primary:#0f172a;--accent:#3b82f6;--success:#10b981;--danger:#ef4444;--text-main:#1e293b;--text-sub:#64748b}body{background-color:var(--bg-body);color:var(--text-main);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}nav{background:var(--primary);border-bottom:4px solid var(--accent);justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex}nav .brand{color:#fff;letter-spacing:-.5px;font-size:1.25rem;font-weight:800}nav .links{gap:2rem;display:flex}nav a{color:#94a3b8;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}nav a:hover,nav a.active{color:#fff}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{background:var(--bg-card);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:transform .2s}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.kpi-label{color:var(--text-sub);text-transform:uppercase;font-size:.85rem;font-weight:600}.kpi-value{margin-top:.5rem;font-size:1.8rem;font-weight:700}.table-container{background:var(--bg-card);border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;color:var(--text-sub);background:#f1f5f9;padding:1rem;font-size:.75rem}td{border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.9rem}tr:hover{background-color:#f8fafc}.badge{border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}