:root{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--muted:#64748b;--border:#e5e7eb;--accent:#2563eb;--accent-2:#16a34a;--accent-3:#d97706;--danger:#dc2626;--radius:14px;--shadow:0 1px 2px rgba(16,24,40,.08), 0 4px 12px rgba(16,24,40,.06);}*{box-sizing:border-box}html,body{height:100%}body{margin:0; background:var(--bg); color:var(--text);font:16px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}.container{max-width:1200px; margin:0 auto; padding:20px}a{color:inherit; text-decoration:none}a:hover{opacity:.9}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;z-index:100}.skip-link:focus{top:0}header.site{position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid var(--border);box-shadow:0 1px 2px rgba(16,24,40,.04);}.site .toolbar{display:flex; gap:12px; align-items:center; justify-content:space-between; padding:14px 20px}.brand{display:flex; align-items:center; gap:10px}.brand .logo{width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,var(--accent),#4f46e5); box-shadow:var(--shadow)}.brand .name{display:flex; flex-direction:column}.brand .name .app{font-size:18px; font-weight:800; letter-spacing:.2px}.brand .name .sub{font-size:12px; color:var(--muted)}.nav{display:flex; gap:12px; flex-wrap:wrap; align-items:center}.nav a{padding:8px 12px; border-radius:10px; border:1px solid transparent}.nav a.active{background:#eef2ff; border-color:#e0e7ff; color:#1e293b; font-weight:700}.userbar{display:flex; align-items:center; gap:10px}.badge{font-size:12px; color:var(--muted); background:#f1f5f9; border:1px solid var(--border); padding:4px 8px; border-radius:999px}.avatar{width:28px; height:28px; border-radius:999px; background:#e2e8f0; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#475569}.card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:16px}.card h3{margin:0 0 8px; font-size:13px; letter-spacing:.03em; text-transform:uppercase; color:#334155}button{appearance:none; background:var(--accent); color:#fff; border:none; padding:10px 14px; border-radius:10px; font-weight:600; cursor:pointer; box-shadow:var(--shadow)}button.ghost{background:#fff; color:var(--text); border:1px solid var(--border)}button.link{background:transparent; color:var(--accent); border:none; padding:6px 8px}input,select,textarea{appearance:none; background:#fff; color:var(--text); border:1px solid var(--border); padding:8px 10px; border-radius:10px; width:100%}label{font-size:13px; color:var(--muted); display:block; margin-bottom:6px}.grid{display:grid; gap:14px}.kpis{grid-template-columns:repeat(4, minmax(220px,1fr))}@media (max-width:1000px){ .kpis{grid-template-columns:repeat(2,1fr)} }.table{width:100%; border-collapse:collapse; font-size:14px; background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden}.table th,.table td{padding:10px 12px; border-bottom:1px solid var(--border)}.table th{background:#f8fafc; text-align:left; color:#334155}.table tr:last-child td{border-bottom:none}footer.site{margin-top:40px; border-top:1px solid var(--border); background:#fff}footer .inner{max-width:1200px; margin:0 auto; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; color:#64748b; font-size:14px}footer .links{display:flex; gap:14px}/* Utility and layout classes */.toolbar{display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between}.flex{display:flex; gap:10px; align-items:center}.wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.section-title{font-size:16px; margin:10px 0; color:#1e293b}.export-controls{margin:-4px 0 8px 0}.two-col{display:grid; grid-template-columns:1fr 1fr; gap:14px}@media (max-width:900px){ .two-col{grid-template-columns:1fr} }.scroll-x{overflow-x:auto}.small-muted{font-size:12px; color:var(--muted); margin-top:4px}.grid-3fr-auto{grid-template-columns:1fr 1fr 1fr auto}.grid-2fr-auto{grid-template-columns:1fr 1fr auto}.tabs{display:flex; gap:8px; border-bottom:1px solid var(--border); margin:18px 0}.tab{appearance:none; background:transparent; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; color:var(--muted); font-weight:600}.tab[aria-selected="true"]{color:var(--text); background:#eef2ff}.kpi{display:flex; align-items:end; justify-content:space-between}.kpi .value{font-size:24px; font-weight:800}.kpi .sub{font-size:12px; color:var(--muted)}.grid-auto{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px}