:root{--bg: #1f2124;--bg-dark: #17181a;--panel: #2b2d30;--panel-2: #1b1d1f;--tree: #252628;--border: #3c3f41;--border-2: #34373a;--text: #dcdcdc;--text-dim: #9aa0a6;--text-faint: #7f8489;--accent: #0e639c;--accent-hi: #1177bb;--row-sel: #0e639c;--hover: #2f3236;--ok: #7fae3f;--warn: #d9a441;--danger: #d2706f;--header-bg: #323438;--pad-x: 10px;--pad-y: 7px;--gap: 8px;--radius: 3px;--sans: "Geist", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono: "Geist Mono", ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace}*{box-sizing:border-box}body{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.titlebar{display:flex;align-items:center;gap:var(--gap);background:var(--bg-dark);border-bottom:1px solid var(--border);padding:var(--pad-y) var(--pad-x);flex-shrink:0}.titlebar .brand{font-weight:500}.titlebar .env{color:var(--text-faint);font-size:11.5px}.titlebar .tools{margin-left:auto;display:flex;gap:12px;color:var(--text-dim)}.titlebar .tools svg{cursor:pointer}.titlebar .tools svg:hover{color:var(--text)}.body{display:flex;flex:1;min-height:0}.tree{width:188px;flex-shrink:0;background:var(--tree);border-right:1px solid var(--border);padding:5px 0;overflow-y:auto;-webkit-user-select:none;user-select:none}.tree-node{display:flex;align-items:center;gap:6px;padding:3px var(--pad-x);cursor:pointer;color:var(--text);white-space:nowrap}.tree-node:hover{background:var(--hover)}.tree-node.selected{background:var(--row-sel);color:#fff}.tree-node .chev{color:var(--text-faint);flex-shrink:0;width:13px}.tree-node.selected .chev{color:#cfe3f5}.tree-node .ico{flex-shrink:0}.tree-child{padding:2px var(--pad-x) 2px 32px;color:var(--text-dim);cursor:pointer}.tree-child:hover{background:var(--hover)}.content{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:var(--gap);background:var(--panel);border-bottom:1px solid var(--border);padding:var(--pad-y) var(--pad-x);flex-shrink:0}.search{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:var(--bg);border:1px solid #45494d;border-radius:var(--radius);padding:0 var(--pad-x)}.search svg{color:var(--text-faint);flex-shrink:0}.search input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font-family:var(--sans);font-size:12.5px;padding:5px 0}.search input::placeholder{color:var(--text-faint)}.btn{background:transparent;border:1px solid #45494d;border-radius:var(--radius);color:var(--text);font-family:var(--sans);font-size:12px;padding:5px var(--pad-x);cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn:hover{background:var(--hover)}.btn:disabled{color:var(--text-faint);cursor:default}.btn:disabled:hover{background:transparent}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hi)}.btn-primary:disabled{background:#2c4253;border-color:#2c4253;color:#7f93a3}.btn-danger{border-color:#6b3a3a;color:#e08a8a}.btn-danger:hover{background:#2a1d1d}.grid{flex:1;overflow:auto;min-height:0}table.data{width:100%;border-collapse:collapse;font-size:12px}table.data thead th{position:sticky;top:0;background:var(--header-bg);color:var(--text-dim);text-align:left;font-weight:500;padding:5px var(--pad-x);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}table.data thead th.num{text-align:right}table.data thead th.sortable{cursor:pointer}table.data thead th.sortable:hover{color:var(--text)}table.data thead th .sort{color:var(--accent-hi);font-size:10px}table.data tbody td{padding:4px var(--pad-x);border-bottom:1px solid #2a2c2f;white-space:nowrap}table.data tbody td.mono{font-family:var(--mono)}table.data tbody td.num{text-align:right;font-family:var(--mono)}table.data tbody tr{cursor:pointer}table.data tbody tr:hover{background:var(--hover)}table.data tbody tr.selected{background:var(--row-sel);color:#fff}table.data tbody tr.selected td{border-bottom-color:#0c557f}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;border:1px solid transparent}.badge-ok{background:#1e3a24;color:var(--ok);border-color:#2f5a38}.badge-warn{background:#3a2f1a;color:var(--warn);border-color:#5a4a2f}.badge-info{background:#16324a;color:#6fb1e8;border-color:#1f4d70}.badge-danger{background:#3a1e1e;color:#e08a8a;border-color:#5a2f2f}.btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.spacer{flex:1}.detail{border-top:1px solid var(--border);background:var(--panel-2);padding:var(--pad-x);flex-shrink:0}.detail-head{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.avatar{width:30px;height:30px;border-radius:var(--radius);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;flex-shrink:0}.detail-id{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.detail-cols{display:grid;grid-template-columns:260px 1fr;gap:var(--gap);align-items:start}.panel{background:var(--bg);border:1px solid var(--border-2);border-radius:4px;overflow:hidden}.panel-h{padding:5px var(--pad-x);color:var(--text-dim);font-size:11px;border-bottom:1px solid var(--border-2)}table.kv{width:100%;border-collapse:collapse;font-size:12px}table.kv td{padding:3px var(--pad-x)}table.kv td.k{color:var(--text)}table.kv td.v{text-align:right;font-family:var(--mono);color:#fff}table.kv td.muted{color:var(--text-faint);font-family:var(--mono);text-align:right}table.kv td.dim{color:var(--text-faint);text-align:right;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.stat{background:var(--bg);border:1px solid var(--border-2);border-radius:4px;padding:var(--pad-y) var(--pad-x)}.stat .l{color:var(--text-faint);font-size:11px}.stat .n{font-size:15px;font-weight:500}.actions{display:flex;gap:var(--gap);margin-top:var(--gap)}.ctx{position:fixed;z-index:1000;min-width:196px;background:var(--panel);border:1px solid #45494d;border-radius:4px;padding:4px;box-shadow:0 8px 22px #00000080;font-size:12.5px}.ctx-item{display:flex;align-items:center;gap:var(--gap);padding:5px 9px;border-radius:var(--radius);cursor:pointer;color:var(--text);white-space:nowrap}.ctx-item:hover{background:var(--accent);color:#fff}.ctx-item.danger{color:#e08a8a}.ctx-item.danger:hover{background:#6b2f2f;color:#fff}.ctx-item.disabled{color:var(--text-faint);cursor:default}.ctx-item.disabled:hover{background:transparent;color:var(--text-faint)}.ctx-ico{width:14px;display:flex;color:var(--text-dim)}.ctx-item:hover .ctx-ico{color:#fff}.ctx-sep{height:1px;background:var(--border);margin:4px 6px}.tabs{display:flex;background:var(--bg-dark);border-bottom:1px solid var(--border);flex-shrink:0}.tab{display:flex;align-items:center;gap:7px;padding:6px 13px;border-right:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent}.tab:hover{background:var(--hover);color:var(--text)}.tab.active{background:var(--bg);color:var(--text);border-bottom-color:var(--accent)}.tab .tab-x{display:flex;color:var(--text-faint);margin-left:3px}.tab .tab-x:hover{color:var(--text)}.subtabs{display:flex;gap:2px;border-bottom:1px solid var(--border-2);margin-bottom:var(--gap)}.subtab{padding:4px 11px;color:var(--text-dim);cursor:pointer;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-1px}.subtab:hover{color:var(--text)}.subtab.active{color:var(--text);border-bottom-color:var(--accent)}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);color:var(--text-faint)}.placeholder .pi{color:var(--border)}.empty{padding:18px var(--pad-x);color:var(--text-faint);font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:var(--panel);border:1px solid #45494d;border-radius:5px;width:380px;box-shadow:0 14px 44px #0000008c}.modal-h{display:flex;align-items:center;gap:var(--gap);padding:var(--pad-y) var(--pad-x);border-bottom:1px solid var(--border)}.modal-h .title{font-weight:500}.modal-h .x{margin-left:auto;color:var(--text-faint);cursor:pointer;display:flex}.modal-h .x:hover{color:var(--text)}.modal-b{padding:var(--pad-x);display:flex;flex-direction:column;gap:var(--gap)}.field{display:flex;flex-direction:column;gap:4px}.field label{color:var(--text-dim);font-size:11.5px}.field input,.field select{background:var(--bg);border:1px solid #45494d;border-radius:var(--radius);color:var(--text);font-family:var(--sans);font-size:12.5px;padding:6px var(--pad-x);outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.modal-note{font-size:11.5px;color:var(--text-faint);line-height:1.55}.modal-note b{color:var(--text);font-weight:500}.modal-f{display:flex;justify-content:flex-end;gap:var(--gap);padding:var(--pad-y) var(--pad-x);border-top:1px solid var(--border)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap);padding:var(--pad-x);border-bottom:1px solid var(--border);flex-shrink:0}.metric{background:var(--bg);border:1px solid var(--border-2);border-radius:4px;padding:var(--pad-x)}.metric .l{color:var(--text-faint);font-size:11.5px}.metric .n{font-size:22px;font-weight:500;margin-top:2px}.metric .s{color:var(--text-dim);font-size:11px;margin-top:2px}.toggle{position:relative;width:34px;height:18px;border-radius:10px;background:#45494d;cursor:pointer;transition:background .12s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle .knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#e6e6e6;transition:left .12s}.toggle.on .knob{left:18px}.banner{display:flex;align-items:center;gap:var(--gap);padding:var(--pad-y) var(--pad-x);border-bottom:1px solid var(--border);background:var(--panel);font-size:12.5px;flex-shrink:0}.banner.warn{background:#2e2716;border-bottom-color:#5a4a2f;color:var(--warn)}.hdot{width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:0;margin-right:7px}.auth-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-card{width:320px;background:var(--panel);border:1px solid #45494d;border-radius:6px;padding:22px}.auth-brand{display:flex;align-items:center;gap:var(--gap);font-weight:500;font-size:15px}.auth-sub{color:var(--text-faint);font-size:12px;margin:4px 0 18px}.auth-form{display:flex;flex-direction:column;gap:var(--gap)}.auth-form .field input{padding:7px var(--pad-x)}.auth-form .btn{justify-content:center;padding:7px var(--pad-x)}.auth-err{color:#e08a8a;font-size:12px}.titlebar .who{color:var(--text-dim);font-size:11.5px}.titlebar .tools .signout{cursor:pointer}.toasts{position:fixed;right:14px;bottom:28px;z-index:1100;display:flex;flex-direction:column;gap:var(--gap)}.toast{display:flex;align-items:center;gap:var(--gap);background:var(--panel);border:1px solid #45494d;border-left:3px solid var(--accent);border-radius:4px;padding:8px var(--pad-x);box-shadow:0 6px 18px #00000073;font-size:12.5px;min-width:240px;max-width:340px}.toast.success{border-left-color:#4caf50}.toast.error{border-left-color:#d2706f}.toast.info{border-left-color:#6fb1e8}.toast .tmsg{flex:1}.toast .tx{color:var(--text-faint);cursor:pointer;display:flex}.toast .tx:hover{color:var(--text)}.statusbar{display:flex;align-items:center;gap:14px;background:var(--bg-dark);border-top:1px solid var(--border);padding:4px var(--pad-x);font-size:11px;color:var(--text-faint);flex-shrink:0}.statusbar .right{margin-left:auto}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;vertical-align:0}