:root{--ink:#111827;--mute:#6b7280;--line:#e5e7eb;--g:#059669;--a:#d97706;--r:#dc2626;--bg:#f9fafb}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,Segoe UI,Inter,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
nav{background:#111827;position:sticky;top:0;z-index:5}nav .in{max-width:1100px;margin:0 auto;display:flex;gap:4px;padding:0 12px;overflow-x:auto}
nav a{color:#d1d5db;text-decoration:none;padding:13px 12px;font-size:14px;white-space:nowrap}nav a.on{color:#fff;border-bottom:2px solid #a5b4fc}nav b{color:#fff;padding:13px 12px 13px 0;white-space:nowrap}
.w{max-width:1100px;margin:0 auto;padding:24px 16px 60px}h1{font-size:22px;margin:0}h2{font-size:16px;margin:30px 0 10px}
.sub{color:var(--mute);font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:16px}
.c{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.c .l{color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.c .v{font-size:24px;font-weight:650;margin:2px 0}.c .e{font-size:13px;margin-top:6px}.up{color:var(--g)}.dn{color:var(--r)}.am{color:var(--a)}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:8px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}th:first-child,td:first-child,.tl{text-align:left}th{color:var(--mute);font-weight:500;font-size:12px;cursor:pointer;user-select:none}
.tw{overflow-x:auto}ul{margin:0;padding-left:18px}li{margin:6px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.two{grid-template-columns:1fr}}
input,select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.big{font-size:20px;font-weight:650}.note{color:var(--mute);font-size:12px;margin-top:8px}
.tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11px;background:#eef2ff;color:#3730a3}.warn{background:#fef3c7;color:#92400e}
tr.click{cursor:pointer}tr.click:hover{background:#f3f4f6}.grp td{background:#f3f4f6;font-weight:600}
.pill{display:inline-block;padding:0 7px;border-radius:99px;font-size:11px;font-weight:600;vertical-align:middle}.pill.green{background:#d1fae5;color:#065f46}.pill.yellow{background:#fef3c7;color:#92400e}.pill.red{background:#fee2e2;color:#991b1b}.pill.na{background:#f3f4f6;color:#6b7280}
.t-green{color:#059669;font-weight:600}.t-yellow{color:#b45309;font-weight:600}.t-red{color:#dc2626;font-weight:600}.legend{margin:8px 0 4px;font-size:13px}.legend .pill{margin-left:8px}