:root{
  --bg:#0e0f12; --card:#191b22; --muted:#9aa3af; --txt:#e7e9ee; --accent:#6bb416;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #222;}
.topbar h1{margin:0;font-size:28px;font-weight:700;letter-spacing:.3px}
.actions button{margin-left:8px}
button{background:#222;color:#fff;border:1px solid #333;padding:8px 12px;border-radius:10px;cursor:pointer}
button:hover{border-color:#444}
main{max-width:1200px;margin:20px auto;padding:0 16px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--card);border:1px solid #242634;border-radius:16px;padding:14px}
.card .label{color:var(--muted);font-size:12px}
.card .value{margin-top:8px;font-size:14px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.filters input,.filters select{background:#12141a;color:#e7e9ee;border:1px solid #2a2e3a;border-radius:10px;padding:8px 10px}
.tablewrap{background:var(--card);border:1px solid #242634;border-radius:16px;overflow:auto}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{padding:10px 12px;border-bottom:1px solid #242634}
th{position:sticky;top:0;background:#151821;text-align:left}
.badge{padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid #333}
.badge.up{background:#0a2a0a;border-color:#154215}
.badge.md{background:#2a0a0a;border-color:#421515}
.badge.hold{background:#1e2531;border-color:#2a3140}
.badge.nc{background:#2d1a1a;border-color:#3a2323}
.badge.resize{background:#1a2230;border-color:#2d3e57}
.empty{padding:20px;color:var(--muted);text-align:center}
@media(max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  table{font-size:12px}
}