:root{--bg: #07090f;--panel: #101521;--panel-soft: #161d2a;--line: #293243;--text: #e8edf8;--muted: #94a3bc;--accent: #61ffad;--accent-2: #28d2ff;--danger: #ff6b7a}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 100% 0%,#0d2a20 0%,var(--bg) 45%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:24px;background:linear-gradient(180deg,#0c1a16,#090d14);display:flex;flex-direction:column;gap:20px}.brand{font-size:22px;font-weight:700;letter-spacing:.02em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content{padding:28px;max-width:1200px}.bi-text{display:inline-flex;flex-direction:column;gap:2px;line-height:1.15}.bi-en{font-size:.98em}.bi-zh{font-size:.85em;color:var(--muted)}.bi-text-compact .bi-en{font-size:.92em}.bi-text-compact .bi-zh{font-size:.8em}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(170deg,var(--panel-soft),var(--panel));padding:16px}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card span{display:block;color:var(--muted);margin-bottom:10px}.metric-card strong{font-size:26px;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-card{margin-top:0}.chart-title{margin:0 0 12px}.status-banner{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid #1e3d30;background:linear-gradient(120deg,#61ffad0d,#28d2ff08);font-size:14px;width:fit-content}.status-dot{width:8px;height:8px;border-radius:50%;background:#555}.status-dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px var(--accent)}50%{box-shadow:0 0 14px var(--accent)}}.stack{display:grid;gap:16px}.split{display:grid;gap:16px;grid-template-columns:minmax(280px,360px) 1fr}.form-card,.list-card{display:grid;gap:10px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}input,select,textarea,button{border-radius:10px;border:1px solid var(--line);padding:10px 12px;background:#0b1019;color:var(--text);font:inherit}button{background:linear-gradient(120deg,#1bb86a,#17a8b0);border:none;cursor:pointer;font-weight:600;transition:opacity .2s ease,transform .15s ease}button:hover{opacity:.9;transform:translateY(-1px)}button.ghost{background:#151d2b;border:1px solid var(--line)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted)}code{background:#61ffad14;padding:2px 6px;border-radius:6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;color:var(--accent)}.error{color:var(--danger)}.success{color:var(--accent);font-size:13px;word-break:break-all}.muted{color:var(--muted)}.toolbar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;display:grid;gap:14px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.brand-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#61ffad26,#28d2ff1a);border:1px solid rgba(97,255,173,.2);display:grid;place-items:center;font-size:28px}.login-card h1{margin:0;text-align:center}.example-block{margin-top:8px}.example-block h3{margin:0 0 6px;font-size:14px}.example-block pre{background:#0b0f18;border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto;font-size:12.5px;line-height:1.6}.example-block code{background:none;padding:0;color:var(--text)}.page-title{margin:0 0 16px;font-size:28px}@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;flex-wrap:wrap}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:600px){.metrics-grid{grid-template-columns:1fr}}