:root{--bg: #0e1728;--surface: #16213a;--surface2: #1e2b48;--ink: #eef0f6;--ink2: #b7bdd4;--muted: #7e86a3;--line: rgba(238, 240, 246, .09);--line2: rgba(238, 240, 246, .05);--peach: #f4beb9;--blush: #e5c0d9;--lavender: #bfc0df;--mint: #d6eade;--sky: #c0e1f2;--periwinkle: #afaad5;--accent: #c6c1f0;--accent-ink: #0e1728;--accent-soft: rgba(175, 170, 213, .16);--ok: #a7ddc2;--warn: #f4c9a4;--danger: #f2a3ac;--info: #c0e1f2;--grad: linear-gradient(135deg, #f4beb9 0%, #e5c0d9 30%, #bfc0df 60%, #c0e1f2 100%);--font: "Inter", ui-sans-serif, system-ui, sans-serif;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font)}body{min-height:100vh;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#eef0f61a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#eef0f633}.layout{display:flex;min-height:100vh}.side{width:212px;flex-shrink:0;border-right:1px solid var(--line);padding:20px 12px;position:sticky;top:0;height:100vh}.main{flex:1;padding:26px 30px;max-width:1200px}.brand{display:flex;align-items:center;gap:11px;padding:0 6px 20px}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--grad);color:#0e1728;display:grid;place-items:center;font-weight:700;font-size:12px;letter-spacing:-.02em}.brand .name{font-family:var(--serif);font-size:20px;line-height:1;letter-spacing:.01em}.brand .sub{font-size:11px;color:var(--muted);margin-top:2px}.nav a{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;color:var(--ink2);font-size:13.5px;margin-bottom:2px}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}h1{font-family:var(--serif);font-size:30px;font-weight:400;margin:0 0 4px;letter-spacing:.01em}h2{font-size:12px;font-weight:600;margin:28px 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.sub{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card .label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.card .value{font-size:26px;font-weight:500;font-family:var(--mono);margin:8px 0 2px}.card .hint{font-size:12px;color:var(--ink2)}.card.alert .value{color:var(--warn)}.card.bad .value{color:var(--danger)}.card.good .value{color:var(--ok)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line2)}tr.row{cursor:pointer}tr.row:hover td{background:var(--surface)}.mono{font-family:var(--mono);font-size:12.5px}.num{font-family:var(--mono);text-align:right}th.num{text-align:right}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:500;border:1px solid var(--line);color:var(--ink2)}.pill.ok{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 40%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 40%,transparent)}.pill.danger{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent)}.pill.info{color:var(--info);border-color:color-mix(in oklab,var(--info) 40%,transparent)}.pill.accent{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,transparent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.panel h3{margin:0 0 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:600}pre.code{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;font-family:var(--mono);font-size:12px;overflow-x:auto;margin:0;color:var(--ink2);white-space:pre-wrap}.bar-track{background:var(--surface2);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;border-radius:4px}.filters{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap;align-items:center}.chip{padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--ink2);font-size:12.5px;cursor:pointer;font-family:var(--font)}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.chip:disabled{opacity:.4;cursor:default}button.chip:active{transform:scale(.97)}select.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none}input.chip,select.chip{color:var(--ink)}input.chip::placeholder{color:var(--muted)}.kv{display:grid;grid-template-columns:160px 1fr;gap:6px 14px;font-size:13px}.kv .k{color:var(--muted)}.crumb{font-size:12.5px;color:var(--muted);margin-bottom:14px;display:flex;gap:6px}.crumb a:hover{color:var(--accent)}.link{color:var(--accent);cursor:pointer}.link:hover{text-decoration:underline}.empty{padding:32px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;margin-top:14px}.wa{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0b141a;max-width:480px}.wa-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#202c33;border-bottom:1px solid rgba(0,0,0,.3)}.wa-avatar{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#0b141a;display:grid;place-items:center;font-weight:700;font-size:13px}.wa-head .who{font-size:14px;font-weight:500;color:#e9edef}.wa-head .status{font-size:11px;color:#8696a0}.wa-body{padding:14px;min-height:260px;max-height:440px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:22px 22px}.wa-row{display:flex}.wa-row.out{justify-content:flex-end}.wa-msg{max-width:82%;padding:7px 10px 6px;border-radius:9px;font-size:13.5px;line-height:1.45;color:#e9edef;white-space:pre-wrap;word-break:break-word}.wa-row.in .wa-msg{background:#202c33;border-top-left-radius:3px}.wa-row.out .wa-msg{background:#005c4b;border-top-right-radius:3px}.wa-msg .t{font-size:10px;color:#8696a0;float:right;margin:6px 0 -2px 8px}.wa-meta{display:flex;flex-wrap:wrap;gap:5px;margin:-2px 0 2px}.wa-meta .m{font-size:10.5px;padding:1px 7px;border-radius:99px;background:#ffffff0f;color:#b7c2c9}.wa-meta .m.bad{color:var(--danger)}.wa-meta .m.ok{color:var(--ok)}.wa-inbar{display:flex;gap:8px;padding:10px;background:#202c33;align-items:center}.wa-inbar input{flex:1;background:#2a3942;border:none;border-radius:20px;padding:9px 14px;color:#e9edef;font-family:var(--font);font-size:13.5px}.wa-inbar input::placeholder{color:#8696a0}.wa-send{width:38px;height:38px;border-radius:50%;border:none;background:var(--grad);color:#0b141a;cursor:pointer;display:grid;place-items:center;font-size:16px;flex-shrink:0}.wa-send:disabled{opacity:.5;cursor:default}.wa-empty{color:#8696a0;text-align:center;font-size:12.5px;margin:auto}