.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--success{background:var(--success);box-shadow:0 0 6px color-mix(in srgb, var(--success) 60%, transparent)}.status-dot--warning{background:var(--warning);box-shadow:0 0 6px color-mix(in srgb, var(--warning) 60%, transparent)}.status-dot--danger{background:var(--danger);box-shadow:0 0 6px color-mix(in srgb, var(--danger) 60%, transparent)}.status-dot--info{background:var(--info)}.status-dot--unknown{background:var(--unknown)}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:700;display:inline-block}.status-badge--success{background:var(--success-bg);color:var(--success)}.status-badge--warning{background:var(--warning-bg);color:var(--warning)}.status-badge--danger{background:var(--danger-bg);color:var(--danger)}.status-badge--info{background:var(--info-bg);color:var(--info)}.status-badge--unknown{background:var(--unknown-bg);color:var(--unknown)}.async-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.async-state__title{color:var(--text);margin:0;font-size:13px;font-weight:600}.async-state__description{color:var(--muted);margin:0;font-size:12px}.async-state--error .async-state__title{color:var(--danger)}.spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{background:var(--danger-tint);border:1px solid var(--danger-edge);color:var(--danger);border-radius:var(--radius-sm);text-align:center;padding:8px 12px;font-size:12px}.login{background:#020202 url(/assets/saubot-mascot-clean.png) 50%/cover no-repeat;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login:before{content:"";background:linear-gradient(90deg,#0000009e 0%,#0000002e 28% 72%,#0000009e 100%),radial-gradient(circle,#0000000a 0%,#00000038 42%,#000000ad 100%);position:absolute;inset:0}.login:after{content:"";pointer-events:none;background:linear-gradient(#00000059,#0000 30% 65%,#0000008c);position:absolute;inset:0}.login-card{z-index:2;border:1px solid var(--login-card-border);background:var(--login-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;width:min(400px,100vw - 32px);padding:30px;position:relative;box-shadow:0 0 80px #000000b8,0 0 35px #d89b2b14}.login-brand{text-align:center;margin-bottom:26px}.login-brand h1{font:800 42px var(--font-serif);letter-spacing:6px;color:var(--gold-strong);text-shadow:0 0 25px var(--gold-glow);margin:0}.login-brand p{font:12px var(--font-serif);letter-spacing:2px;color:var(--login-tagline);margin:5px 0 0}.eyebrow{text-align:center;text-transform:uppercase;letter-spacing:2.5px;color:var(--login-eyebrow);margin-bottom:20px;font-size:10px}.login-step-title{font:14px var(--font-serif);color:var(--text);margin:0 0 6px}.login-step-description{color:var(--muted);margin:0 0 16px;font-size:11px;line-height:1.5}.primary{border:1px solid var(--gold-edge);background:var(--gold-gradient);width:100%;height:46px;color:var(--on-gold);border-radius:8px;margin-top:6px;font-weight:800;box-shadow:0 7px 24px #d89b2b2e}.sso{border:1px solid var(--login-sso-border);background:var(--login-sso-bg);width:100%;height:43px;color:var(--login-sso-text);border-radius:8px;margin-top:12px}.divider{color:var(--muted-2);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;margin:20px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--login-divider);flex:1;height:1px}.mfa-box{background:var(--login-mfa-bg);border:1px solid var(--login-mfa-border);border-radius:8px;gap:11px;margin-top:20px;padding:13px;display:flex}.mfa-icon{color:var(--gold-strong);font-size:20px}.mfa-box b{font-size:11px}.mfa-box small{color:var(--login-note);margin-top:3px;font-size:10px;display:block}.mfa-qr{background:var(--qr-bg);border-radius:8px;width:160px;height:160px;margin:0 auto 12px;padding:6px;display:block}.mfa-secret{text-align:center;color:var(--muted);word-break:break-all;margin:0 0 16px;font-size:11px}@media (width<=700px){.login-card{padding:22px}}.agent-card{color:inherit;transition:border-color var(--transition-fast);text-decoration:none;display:block}.agent-card:hover{border-color:var(--gold-dim)}.agent-card__head{align-items:center;gap:10px;display:flex}.agent-card__meta{color:var(--muted);margin-top:2px;font-size:10px}.agent-card__caps{margin-top:12px}.chat-main{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;min-height:480px;display:flex}.messages{flex:1;padding:24px;overflow:auto}.msg{max-width:78%;margin-bottom:18px}.msg.user{margin-left:auto}.who{text-transform:uppercase;letter-spacing:1.2px;color:var(--gold-dim);margin-bottom:5px;font-size:8px}.bubble{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);white-space:pre-wrap;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.55}.msg.user .bubble{background:var(--gold-tint-bg);border-color:var(--gold-tint-border)}.chat-msg--spawn .bubble,.chat-msg--system .bubble{color:var(--muted);border-style:dashed}.chat-msg--error .bubble{border-color:var(--danger);color:var(--danger)}.chat-msg--a2a .who{color:var(--info)}.composer{border-top:1px solid var(--border);gap:7px;padding:13px;display:flex}.composer input{background:var(--surface-3);border:1px solid var(--border);color:var(--text);border-radius:7px;outline:none;flex:1;padding:11px}.chat-post-error{margin:0 13px}.topology-svg{background:var(--topology-bg);border:1px solid var(--border);border-radius:9px;width:100%;height:260px}.topology-edge{stroke:var(--topology-edge);stroke-width:1px}.topology-node rect{fill:var(--topology-node);stroke:var(--topology-node-border);stroke-width:1px}.topology-node--master rect{stroke:var(--gold)}.topology-node text{fill:var(--topology-text);text-anchor:middle;font-size:9px;font-family:var(--font-sans)}.topology-node__sub{fill:var(--muted)!important;font-size:8px!important}.topology-node--human circle{fill:var(--topology-human);stroke:var(--gold)}.topology-node--human text{fill:var(--muted)}.project-card{min-height:140px;color:inherit;cursor:pointer;transition:border-color var(--transition-fast);text-decoration:none;display:block}.project-card:hover{border-color:var(--gold-dim)}.project-card h3{font:19px var(--font-serif);color:var(--text);margin:0 0 8px}.project-card p{color:var(--muted);margin:0 0 6px;font-size:11px;line-height:1.5}.project-card__meta{color:var(--muted-2);margin-top:14px}.connection-indicator{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.mfa-indicator{letter-spacing:.3px;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:inline-flex}.mfa-indicator--verified{color:var(--success);background:var(--success-tint);border:1px solid var(--success-edge)}.mfa-indicator--pending{color:var(--warning);background:var(--warning-tint);border:1px solid var(--warning-edge)}.app-shell{min-height:100vh}.sidebar{z-index:20;width:var(--sidebar-width);background:var(--surface-sidebar);border-right:1px solid var(--border);transition:width var(--transition-base), transform var(--transition-base);flex-direction:column;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--collapsed .nav-title,.sidebar--collapsed .nav button span:not(.nav-icon),.sidebar--collapsed .nav a span:not(.nav-icon),.sidebar--collapsed .identity{display:none}.sidebar--collapsed .logo{font-size:0}.sidebar--collapsed .logo:after{content:"S";font:800 25px var(--font-serif);color:var(--gold)}.logo{font:800 25px var(--font-serif);letter-spacing:4px;color:var(--gold);padding:6px 12px 25px}.nav-title{color:var(--muted-2);letter-spacing:2px;text-transform:uppercase;padding:13px 12px 4px;font-size:9px}.nav a{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-hover);color:var(--text-hover)}.nav a.active{background:var(--surface-active);color:var(--text-active);box-shadow:inset 2px 0 var(--gold)}.nav-icon{text-align:center;width:18px;color:var(--gold-dim)}.identity{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding:14px 12px 0;font-size:11px}.identity .online{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.main{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;transition:margin-left var(--transition-base)}.sidebar--collapsed~.main{margin-left:var(--sidebar-width-collapsed)}.topbar{height:var(--topbar-height);z-index:10;background:var(--surface-topbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:0 28px;display:flex;position:sticky;top:0}.crumb{color:var(--muted);flex:1;font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.content{max-width:1500px;padding:28px}.hamburger,.sidebar-toggle{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:7px;width:34px;height:34px}.hamburger{display:none}.sidebar-toggle{justify-content:center;align-items:center;display:inline-flex}@media (width<=1050px){.sidebar:not(.sidebar--mobile-open){width:var(--sidebar-width-collapsed)}.sidebar:not(.sidebar--mobile-open) .logo{font-size:0}.sidebar:not(.sidebar--mobile-open) .logo:after{content:"S";font:800 25px var(--font-serif);color:var(--gold)}.sidebar:not(.sidebar--mobile-open) .nav-title,.sidebar:not(.sidebar--mobile-open) .nav a span:not(.nav-icon),.sidebar:not(.sidebar--mobile-open) .identity{display:none}.main{margin-left:var(--sidebar-width-collapsed)}}@media (width<=700px){.sidebar{width:min(260px,82vw);transform:translate(-100%)}.sidebar:not(.sidebar--mobile-open){visibility:hidden}.sidebar--mobile-open{box-shadow:var(--shadow);transform:translate(0)}.sidebar--mobile-open .nav-title,.sidebar--mobile-open .nav a span:not(.nav-icon),.sidebar--mobile-open .identity{display:block}.sidebar--mobile-open .logo{font-size:25px}.main{margin-left:0}.hamburger{justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle,.search-input{display:none}.content{padding:16px}.topbar{padding:0 14px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060606;--surface:#0d0d0d;--surface-2:#121212;--surface-3:#181614;--border:#262626;--border-strong:#3b3020;--text:#eeeae2;--muted:#8f8a82;--muted-2:#5e5952;--gold:#d89b2b;--gold-strong:#ffbf52;--gold-dim:#8f641e;--success:#64c994;--warning:#e5ae4b;--danger:#df6b67;--info:#6aa9ff;--unknown:#8f8a82;--success-tint:#64c9941a;--warning-tint:#e5ae4b1a;--danger-tint:#df6b671a;--info-tint:#6aa9ff1a;--success-edge:#64c9944d;--warning-edge:#e5ae4b4d;--danger-edge:#df6b6759;--info-edge:#6aa9ff4d;--success-bg:#102219;--warning-bg:#281f0d;--danger-bg:#281313;--info-bg:#101c28;--unknown-bg:#171717;--surface-sidebar:#0a0a0a;--surface-topbar:#070707ed;--surface-hover:#141311;--surface-active:#1b1710;--surface-input:#00000073;--surface-row-hover:#ffffff05;--border-subtle:#202020;--border-cap:#292929;--text-soft:#ccc;--text-soft-2:#aaa;--text-hover:#ddd;--text-active:#f1dfbd;--overlay:#000000a6;--focus-ring:0 0 0 3px #d89b2b1a;--gold-gradient:linear-gradient(180deg, #f0b94e, #b87518);--gold-edge:#f0bd59;--on-gold:#160e03;--gold-tint-bg:#251b0c;--gold-tint-border:#4b3619;--gold-soft-bg:#18140e;--gold-soft-border:#473617;--gold-glow:#d89b2b4d;--topology-bg:radial-gradient(circle, #19140b, #070707 72%);--topology-edge:#65491d;--topology-node:#12100d;--topology-node-border:#513b1c;--topology-text:#d6c6aa;--topology-human:#1c1914;--login-tagline:#c6a66e;--login-eyebrow:#8e806a;--login-sso-border:#3b3834;--login-sso-bg:#ffffff09;--login-sso-text:#ddd8cf;--login-divider:#302d29;--login-note:#716c65;--login-card-bg:#080808c7;--login-card-border:#d89b2b4d;--login-mfa-bg:#d89b2b0f;--login-mfa-border:#d89b2b21;--qr-bg:#fff;--terminal-bg:#050505;--terminal-fg:#cfcac1;--shadow:0 20px 60px #00000073;--shadow-glow:0 0 35px #d89b2b14;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sidebar-width:252px;--sidebar-width-collapsed:72px;--topbar-height:64px;--radius:10px;--radius-sm:7px;--transition-fast:.12s ease;--transition-base:.2s ease}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--gold-strong)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.green{color:var(--success)}.red{color:var(--danger)}.blue{color:var(--info)}.gold{color:var(--gold-strong)}.muted{color:var(--muted)}.panel{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;padding:19px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{font:700 28px var(--font-serif);margin:0 0 5px}.page-head p{color:var(--muted);margin:0;font-size:12px}.section-title{font:14px var(--font-serif);color:var(--text);margin:0 0 12px}.grid{gap:14px;display:grid}.grid.stats{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:1.35fr .65fr}.grid.three{grid-template-columns:repeat(3,1fr)}@media (width<=1050px){.grid.stats{grid-template-columns:repeat(2,1fr)}.grid.two,.grid.three{grid-template-columns:1fr}}.btn{border:1px solid var(--gold-dim);background:var(--gold-gradient);color:var(--on-gold);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;font-weight:800}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn--ghost{background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-weight:600}.btn--danger{border:1px solid var(--danger);color:var(--danger);background:0 0;font-weight:700}.btn--small{padding:6px 10px;font-size:11px}.stat .label{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted-2);margin-bottom:10px;font-size:9px}.stat .num{font-size:28px;font-weight:800}.stat .sub{color:var(--muted);margin-top:7px;font-size:10px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding:9px;font-size:9px}.table td{color:var(--text);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 9px;font-size:12px}.table tbody tr:hover{background:var(--surface-row-hover)}.cap{border:1px solid var(--border-cap);background:var(--surface-3);color:var(--text-soft-2);border-radius:5px;margin:2px;padding:4px 7px;font-size:9px;display:inline-block}.avatar{background:var(--gold-soft-bg);border:1px solid var(--gold-soft-border);width:32px;height:32px;color:var(--gold);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.field{margin:14px 0}.field label{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.field input,.field select,.field textarea{border:1px solid var(--border-strong);background:var(--surface-input);width:100%;min-height:42px;color:var(--text);border-radius:8px;outline:none;padding:0 12px}.field textarea{min-height:80px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:var(--focus-ring)}.form-error{color:var(--danger);margin:8px 0 0;font-size:12px}.dialog-backdrop{background:var(--overlay);z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(480px,100%);max-height:90vh;box-shadow:var(--shadow);padding:22px;overflow:auto}.dialog h2{font:600 18px var(--font-serif);margin:0 0 4px}.dialog__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.activity{border-bottom:1px solid var(--border-subtle);gap:10px;padding:12px 0;display:flex}.activity:last-child{border-bottom:0}.activity .time{width:46px;color:var(--muted-2);flex-shrink:0;font-size:10px}.activity b{font-size:11px}.activity p{color:var(--muted);margin:3px 0 0;font-size:10px}.search-input{background:var(--surface-3);border:1px solid var(--border);min-width:160px;height:37px;color:var(--text);border-radius:7px;outline:none;padding:0 11px}.setting{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 0;font-size:12px;display:flex}.setting:last-child{border-bottom:0}.detail-list{grid-template-columns:160px 1fr;gap:10px 16px;margin:0;display:grid}.detail-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.detail-list dd{color:var(--text);margin:0;font-size:13px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:12px}.tabs button.active{color:var(--gold-strong);border-bottom-color:var(--gold)}.tabs button:hover:not(.active){color:var(--text)}.search-input:focus-visible,.composer input:focus-visible{border-color:var(--gold);box-shadow:var(--focus-ring);outline:2px solid var(--gold);outline-offset:1px}@media (width<=700px){.table{max-width:100%;display:block;overflow-x:auto}}