:root{--bg: #0f1115;--bg-elev: #161a21;--bg-elev2: #1c2129;--border: #262c36;--text: #e6e9ef;--muted: #8b93a3;--accent: #4d6bfe;--accent-dim: #3a52c9;--green: #35c47a;--amber: #e0a52e;--red: #e0524d;--radius: 10px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:var(--bg-elev2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#232935;border-color:#333b48}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}button.danger{color:var(--red);border-color:#3a2626}button.danger:hover:not(:disabled){background:#2a1b1b}button.sm{padding:3px 8px;font-size:12px}button.link{background:none;border:none;color:var(--accent);padding:0}input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:7px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{font-family:var(--mono);resize:vertical}.app{display:flex;height:100%}.sidebar{width:216px;flex-shrink:0;background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.brand{padding:18px 16px 14px;border-bottom:1px solid var(--border)}.brand h1{margin:0;font-size:15px;letter-spacing:.3px}.brand .sub{color:var(--muted);font-size:11px;margin-top:3px}.nav{padding:8px;flex:1}.nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--text);font-size:13px;margin-bottom:2px}.nav a:hover{background:var(--bg-elev2);text-decoration:none}.nav a.active{background:var(--accent);color:#fff}.nav .ico{width:16px;text-align:center;font-size:14px}.sidebar-foot{padding:10px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.main{flex:1;overflow-y:auto}.page{padding:22px 26px 60px;max-width:1280px}.page-head{margin-bottom:18px}.page-head h2{margin:0 0 4px;font-size:19px}.page-head p{margin:0;color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card h3{margin:0 0 12px;font-size:14px}.card h3 .hint{color:var(--muted);font-weight:400;font-size:12px;margin-left:8px}.grid{display:grid;gap:14px}.grid.c2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid.c3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.c4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .k{color:var(--muted);font-size:12px;margin-bottom:6px}.stat .v{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.stat .v.sm{font-size:17px}.stat .d{color:var(--muted);font-size:11px;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:12px;white-space:nowrap}tbody tr:hover{background:var(--bg-elev2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:12px}.badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--green);border-color:#1e3a2a;background:#14251c}.badge.warn{color:var(--amber);border-color:#3a3220;background:#262013}.badge.err{color:var(--red);border-color:#3a2626;background:#261616}.badge.accent{color:#a9b8ff;border-color:#2a3560;background:#1a2040}.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px;border:1px solid}.alert.err{color:#ffb4b0;border-color:#4a2a2a;background:#2a1717}.alert.ok{color:#a5e8c3;border-color:#1e3a2a;background:#14251c}.alert.info{color:#b6c2ff;border-color:#2a3560;background:#171d33}.muted{color:var(--muted)}.small{font-size:12px}.empty{color:var(--muted);padding:26px;text-align:center;font-size:13px}.spin{display:inline-block;width:13px;height:13px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}@keyframes sp{to{transform:rotate(360deg)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:20px;width:100%;max-width:560px;max-height:86vh;overflow-y:auto}.modal h3{margin:0 0 14px;font-size:15px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.hint-text{font-size:11px;color:var(--muted);margin-top:4px}.bars{display:flex;align-items:flex-end;gap:2px;height:110px;padding-top:6px}.bars .bar{flex:1;min-width:2px;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;opacity:.82}.bars .bar:hover{opacity:1}.bar-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}.hbar{height:7px;border-radius:4px;background:var(--bg-elev2);overflow:hidden}.hbar>i{display:block;height:100%;background:var(--accent)}.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:16px;align-items:start}.doc{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:26px 30px;min-width:0}.doc h1{font-size:22px;border-bottom:1px solid var(--border);padding-bottom:10px;margin-top:0}.doc h2{font-size:17px;margin-top:34px;padding-bottom:6px;border-bottom:1px solid var(--border);scroll-margin-top:12px}.doc h3{font-size:14px;margin-top:24px;color:#c7cede;scroll-margin-top:12px}.doc h4{font-size:13px;margin-top:16px;color:var(--muted)}.doc code{font-family:var(--mono);font-size:12px;background:var(--bg-elev2);padding:1.5px 5px;border-radius:4px}.doc pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px;overflow-x:auto}.doc pre code{background:none;padding:0;font-size:12px;line-height:1.6}.doc table{margin:12px 0}.doc-table-wrap{overflow-x:auto}.doc blockquote{margin:12px 0;padding:6px 14px;border-left:3px solid var(--accent);color:var(--muted);background:var(--bg-elev2);border-radius:0 6px 6px 0}.doc ul,.doc ol{padding-left:22px}.doc hr{border:none;border-top:1px solid var(--border);margin:26px 0}.doc-anchor{margin-left:8px;color:var(--muted);opacity:0;font-weight:400;text-decoration:none;font-size:.85em}.doc h2:hover .doc-anchor,.doc h3:hover .doc-anchor{opacity:.6}.doc-anchor:hover{opacity:1!important}mark.doc-hit{background:#8a6d1f;color:#fff;border-radius:2px;padding:0 1px}.doc-toc{position:sticky;top:0;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.doc-toc-toggle{display:none;width:100%;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.doc-toc-caret{color:var(--muted)}.doc-toc nav{overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);padding:8px}.doc-toc nav button{display:block;width:100%;text-align:left;background:none;border:none;border-radius:6px;color:var(--muted);font-size:12px;line-height:1.35;padding:5px 8px;margin:0 0 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-toc nav button:hover{background:var(--bg-elev2);color:var(--text)}.doc-toc nav button.active{background:var(--accent);color:#fff}.doc-toc nav button.sub{padding-left:18px;font-size:11.5px;opacity:.88}@media (max-width: 1080px){.doc-layout{grid-template-columns:minmax(0,1fr)}.doc-toc{position:static;max-height:none;order:-1}.doc-toc-toggle{display:flex}.doc-toc nav{display:none;max-height:320px}.doc-toc nav.open{display:block}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 14px;color:var(--muted)}.tabs button:hover{background:none;color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.kv .k{color:var(--muted)}