:root{--bg: #0f1419;--panel: #161c24;--panel-2: #1d2530;--line: #2a333f;--text: #e6edf3;--muted: #8b97a7;--accent: #d8a657;--accent-2: #4a90d9;--ok: #3fb950;--bad: #f85149;--radius: 8px;--sidebar-w: 220px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.splash,.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:40px;width:340px;text-align:center}.brand-mark{font-weight:800;letter-spacing:3px;color:var(--accent)}.brand-mark.big{font-size:34px;display:block}.login-title{color:var(--muted);margin:6px 0 24px;letter-spacing:1px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input,.login-card button{padding:11px 12px;border-radius:6px;font-size:14px}.login-card input{background:var(--bg);border:1px solid var(--line);color:var(--text)}.login-msg{color:var(--muted);line-height:1.6}.err{color:var(--bad);font-size:13px}button{cursor:pointer;border:none;background:var(--accent);color:#1a1205;font-weight:600;border-radius:6px;padding:9px 16px}button:disabled{opacity:.6;cursor:default}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px}.brand{padding:6px 8px 18px}.brand .brand-mark{font-size:20px}.brand-sub{display:block;color:var(--muted);font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{background:transparent;color:var(--muted);text-align:left;font-weight:500;padding:9px 12px;border-radius:6px}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--accent)}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px}.who{color:var(--muted);font-size:12px;margin-bottom:8px;word-break:break-all}.signout{background:transparent;color:var(--muted);border:1px solid var(--line);width:100%}.signout:hover{color:var(--text)}.content{flex:1;overflow:auto;padding:28px 36px}h1{font-size:22px;margin:0 0 20px}h2{font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:32px 0 12px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.small{font-size:11px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:left;color:var(--text)}.stat:hover{border-color:var(--accent)}.stat-val{font-size:28px;font-weight:700}.stat-label{color:var(--muted);font-size:12px;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.tbl{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tbl th,.tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.tbl th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.tbl tr:last-child td{border-bottom:none}.tbl tr.dim,.tbl tr.dim td{color:var(--muted)}.tbl a{color:var(--accent-2)}.err-cell{color:var(--bad);font-size:12px;max-width:280px}.pill{padding:2px 9px;border-radius:20px;font-size:11px;background:var(--panel-2);color:var(--muted)}.pill.ok{background:#3fb95026;color:var(--ok)}.pill.bad{background:#f8514926;color:var(--bad)}.pill.dimpill{opacity:.7}.row-form,.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.row-form select,.row-form input,.filters input{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:6px;font-size:13px}.chk{color:var(--muted);display:flex;align-items:center;gap:6px}.link{background:transparent;color:var(--accent-2);padding:2px 6px;font-weight:500}.link.bad{color:var(--bad)}.tab{background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:6px 14px}.tab.active{color:var(--accent);border-color:var(--accent)}.connectors{display:flex;flex-direction:column;gap:12px;max-width:760px}.connector{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.connector-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.connector-label{font-weight:600}.tag{display:inline-block;margin-left:8px;font-size:11px;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 6px}.result{margin-top:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;font-size:12px;max-height:260px;overflow:auto;white-space:pre-wrap}.result.ok{border-color:#3fb95066}.result.bad{border-color:#f8514966;color:var(--bad)}