/* same CSS as prepared earlier */
:root{--bg:#0f172a;--card:#111827;--muted:#94a3b8;--text:#e5e7eb;--accent:#22c55e;--accent2:#38bdf8;--danger:#ef4444;--border:#1f2937}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);
background:radial-gradient(1200px 600px at 100% -10%, rgba(56,189,248,.15), transparent 60%),radial-gradient(1000px 600px at -10% 110%, rgba(34,197,94,.12), transparent 60%),var(--bg)}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:16px}
nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25);padding:12px}
fieldset{border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(255,255,255,.02)}legend{color:var(--muted);padding:0 8px}
label{display:inline-flex;align-items:center;gap:6px;margin:6px 8px 6px 0;color:#d1d5db}
select,input,button{appearance:none;background:#0b1220;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px}
button.primary{background:var(--accent);color:#06280f;border:none;font-weight:700}
.grid{display:grid;gap:12px}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.kpi{padding:14px;border:1px solid var(--border);border-radius:12px;background:#0b1220}.kpi b{color:#cbd5e1}.kpi .val{font-size:22px;margin-top:6px}
.table{overflow:auto;border-radius:12px;border:1px solid var(--border)}table{border-collapse:separate;border-spacing:0;width:100%}
th,td{padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:right}th{position:sticky;top:0;background:#0b1220;text-align:right;color:#cbd5e1}
td:first-child, th:first-child{text-align:left}.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0b1220;border:1px solid var(--border);color:#cbd5e1}
footer{margin:18px 0;color:var(--muted);font-size:12px;text-align:center}@media (max-width: 640px){legend{font-size:12px}select,input,button{font-size:13px}.hide-mobile{display:none}}