:root{--bg: #0b1120;--bg-elev: #111827;--bg-hover: #1f2937;--border: #1f2937;--border-strong: #374151;--text: #e5e7eb;--text-muted: #9ca3af;--text-dim: #6b7280;--accent: #0ea5e9;--accent-hover: #38bdf8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--tier-t1: #22c55e;--tier-t2: #0ea5e9;--tier-t3: #a855f7;--tier-t4: #6b7280;--radius: 8px;--radius-sm: 4px;--shadow: 0 4px 12px rgba(0, 0, 0, .3);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #f9fafb;--bg-elev: #ffffff;--bg-hover: #f3f4f6;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-muted: #4b5563;--text-dim: #9ca3af;--shadow: 0 4px 12px rgba(0, 0, 0, .08)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,pre{font-family:var(--font-mono)}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.app-header{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--bg-elev);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:8px}.logo{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600;font-size:15px}.logo .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.version{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.nav{display:flex;gap:4px;flex:1}.nav a{padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;transition:background .15s,color .15s}.nav a:hover{background:var(--bg-hover);color:var(--text)}.nav a.active{background:var(--bg-hover);color:var(--accent)}.header-right{display:flex;align-items:center;gap:12px}.stat-chip{display:flex;gap:6px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.sep{color:var(--text-dim)}.refresh-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all .15s}.refresh-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.app-main{padding:20px;max-width:1600px;width:100%;margin:0 auto}.app-footer{display:flex;gap:8px;justify-content:center;padding:16px 20px;font-size:12px;color:var(--text-dim);border-top:1px solid var(--border)}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.panel h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text)}.loading,.error,.empty{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.error{color:var(--error)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:var(--bg-hover)}.tier{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.tier-T1{background:#22c55e26;color:var(--tier-t1)}.tier-T2{background:#0ea5e926;color:var(--tier-t2)}.tier-T3{background:#a855f726;color:var(--tier-t3)}.tier-T4{background:#6b728026;color:var(--tier-t4)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}