*{box-sizing:border-box}
body{margin:0;font:14px/1.5 -apple-system,"Segoe UI",Roboto,"Helvetica Neue",
 "Noto Sans CJK SC",sans-serif;background:#0f1115;color:#e6e9ef}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:12px 20px;background:#161a22;border-bottom:1px solid #242a36;position:sticky;top:0;z-index:5}
h1{margin:0;font-size:17px;letter-spacing:.5px}
h1 span{color:#7c8798;font-weight:400;margin-left:6px}
h2{font-size:14px;color:#9aa6b8;margin:22px 0 8px;font-weight:600}
nav{display:flex;gap:4px;padding:10px 20px 0;background:#12161d;border-bottom:1px solid #242a36;
 position:sticky;top:57px;z-index:4}
nav button{background:none;border:0;color:#8b96a8;padding:9px 14px;cursor:pointer;
 border-bottom:2px solid transparent;font-size:13px}
nav button.on{color:#e6e9ef;border-bottom-color:#4c8dff}
main{padding:8px 20px 40px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.card{background:#161a22;border:1px solid #242a36;border-radius:8px;padding:12px 14px}
.card .k{color:#7c8798;font-size:12px}
.card .v{font-size:22px;font-weight:600;margin-top:4px}
table{width:100%;border-collapse:collapse;font-size:13px;background:#12161d;
 border:1px solid #242a36;border-radius:8px;overflow:hidden}
th,td{text-align:left;padding:7px 10px;border-bottom:1px solid #1d222b;white-space:nowrap}
th{color:#8b96a8;font-weight:600;background:#161a22;font-size:12px}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:#171c25}
.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
select,input{background:#161a22;color:#e6e9ef;border:1px solid #2b3240;border-radius:6px;
 padding:6px 9px;font-size:13px}
input{min-width:200px}
.btn{background:#233start;background:#23324a;color:#dce5f5;border:1px solid #33415c;
 border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}
.btn:hover{background:#2b3c5b}
.btn.ghost{background:transparent}
.pill{font-size:12px;padding:3px 9px;border-radius:99px;background:#1d232d;color:#8b96a8}
.pill.ok{background:#12301f;color:#5fd08a}
.pill.bad{background:#3a1618;color:#ff7b72}
.muted{color:#6b7686;font-size:12px}
.inline{display:inline}
.chk{font-size:12px;color:#8b96a8;display:flex;align-items:center;gap:5px}
footer{padding:14px 20px;border-top:1px solid #242a36}
.tag{border-radius:4px;padding:1px 7px;font-size:12px}
.s-available{background:#1d232d;color:#9aa6b8}
.s-claimed{background:#2a2110;color:#e3b341}
.s-completed{background:#12301f;color:#5fd08a}
.empty{color:#6b7686;padding:10px}