/* Kwetu dark navy theme */
:root{
  --top-a:#0f172a; --top-b:#1e293b; --accent:#38bdf8;
  --surface:#0b1220; --surface2:#0f1b2d; --border:#1f2937;
  --text:#e2e8f0; --muted:#94a3b8; --good:#16a34a; --warn:#f59e0b; --bad:#ef4444; --chip-blue:#1d4ed8; --chip-slate:#334155;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--top-a),var(--top-b));color:var(--text);}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.topbar{background:linear-gradient(90deg,var(--top-a),var(--top-b));padding:14px 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.brand{font-weight:700;font-size:20px;letter-spacing:0.4px;margin-right:18px}
.nav a{margin-right:14px;opacity:0.9}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.25);padding:18px;margin:14px 0}
.btn{border:none;border-radius:999px;padding:10px 16px;background:#0ea5e9;color:white;cursor:pointer}
.btn.secondary{background:#374151}
.btn.danger{background:#ef4444}
.input, select, .date{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text)}
label{display:block;margin-bottom:6px;color:var(--muted)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.h1{font-size:28px;margin:0 0 10px 0}
.h2{font-size:20px;margin:0 0 8px 0;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}
.chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px}
.chip.slate{background:var(--chip-slate);}
.chip.blue{background:var(--chip-blue);}
.chip.green{background:var(--good);}
.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:22px}
.footer{opacity:.8;margin-top:24px;font-size:12px;text-align:center}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.filterbar{display:flex;gap:10px;align-items:flex-end;margin:8px 0}
@media (max-width:800px){.row{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}}