:root{--bg:#0b1220;--panel:#0f172a;--ink:#e5efff;--muted:#91a1b5;--brand:#60a5fa;}
*{box-sizing:border-box}
body{margin:0;background:#0b1220;color:var(--ink);font:14px/1.5 system-ui,Segoe UI,Arial}
header{padding:16px;border-bottom:1px solid #1f2937;background:#0f172a;position:sticky;top:0;z-index:10}
h1{margin:0 0 8px;font-size:18px}
nav a{color:#d1e8ff;text-decoration:none;margin-right:12px}
main{padding:16px;max-width:980px;margin:0 auto}
.card{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:16px;margin:12px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kpi{background:#111b2c;border:1px solid #1f2937;border-radius:12px;padding:16px;text-align:center}
.kpi-num{font-size:28px;font-weight:700}
.kpi-label{color:#9fb2c9}
form .row{margin:10px 0}
input[type=file],input[type=number]{width:100%;padding:10px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:#e5efff}
button{background:#60a5fa;border:0;color:#04223c;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #1f2937}
.thumb{width:120px;height:auto;border:1px solid #1f2937;border-radius:8px}
.badge{padding:2px 8px;border-radius:999px;background:#0b6;display:inline-block}
.badge.red{background:#c0392b}
small.muted{color:#91a1b5}