:root{font-family:DM Sans,sans-serif;color:#e9edf4;background:#0d131d;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--muted:#8e9aaa;--line:#263140;--panel:#151e2a;--green:#7df0bd;--violet:#b1a1ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#14253a,#0d131d 43%);color:#e9edf4}.shell{max-width:1440px;margin:auto;padding:0 40px 36px;min-height:100vh}.topbar{height:84px;border-bottom:1px solid #263140;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font:600 15px Manrope,sans-serif;letter-spacing:.01em}.brand b{font-weight:800}.brand small{display:block;font:500 9px DM Mono,monospace;letter-spacing:.15em;color:#718094;margin-top:5px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #57d8a7;border-radius:12px;color:var(--green);font:800 20px Manrope;box-shadow:0 0 24px #48e5a41d}.button{border:1px solid transparent;border-radius:10px;padding:11px 16px;font:600 13px DM Sans;cursor:pointer;transition:.15s}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{background:var(--green);color:#10201a;box-shadow:0 5px 24px #64eab51a}.button.primary:hover:not(:disabled){background:#a0f6d1;transform:translateY(-1px)}.button.quiet{color:#c6d0dd;background:transparent;border-color:#344050}.button.quiet:hover{background:#202b38}.hero{max-width:720px;margin:120px auto 0;text-align:center}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.16em;color:#7f90a5}.hero h1,.welcome h1{font:600 clamp(38px,5vw,60px) Manrope,sans-serif;line-height:1.1;letter-spacing:-.045em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero>p,.welcome p{color:var(--muted);font-size:15px;line-height:1.7;max-width:490px;margin:0 auto 30px}.security-note{margin-top:24px;color:#667588;font:11px DM Mono,monospace}.center-card{margin:14vh auto 0;max-width:500px;padding:38px;border:1px solid var(--line);border-radius:18px;background:#131c27;text-align:center}.center-card p,.empty-card p{color:var(--muted);line-height:1.65;font-size:14px}.center-card h2{font:600 20px Manrope}.spinner{display:inline-block;width:22px;height:22px;border:2px solid #354457;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome{padding:46px 0 34px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.welcome h1{font-size:32px;margin:10px 0 7px}.welcome p{margin:0;text-align:left;max-width:none;font-size:14px}.identity-card{border:1px solid var(--line);border-radius:11px;background:#121b26;padding:11px 14px;color:#c4d0dd;font-size:12px;display:flex;gap:8px;align-items:center}.identity-card code,.build-info,.tenant-foot,.runtime-warning code{font:11px DM Mono,monospace;color:#8e9aaa}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #7df0bd99}.workspace-grid{display:grid;grid-template-columns:235px 1fr;gap:22px}.side-card,.metric-card,.agent-card,.chat-card,.empty-card{border:1px solid var(--line);border-radius:14px;background:#121b26}.side-card{padding:19px 15px;align-self:start;min-height:400px}.side-card label{display:block;font:500 10px DM Mono;letter-spacing:.13em;color:#8290a2;margin:2px 0 9px}.side-card select{width:100%;padding:10px;border:1px solid #344253;border-radius:8px;background:#0e1620;color:#d9e1ea;font:12px DM Mono;outline:none}.side-separator{height:1px;background:#283444;margin:20px 0}.nav-item{margin-top:8px;padding:11px;border-radius:8px;color:#9daabc;font-size:13px}.nav-item span{margin-right:9px;color:#94a4ba}.nav-item.active{background:#1a2b35;color:#a9f3d2}.nav-item small{float:right;color:#9aa8b8}.tenant-foot{line-height:1.7;margin:40px 5px 0;font-size:10px}.content-column{min-width:0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{padding:17px 18px;min-width:0}.metric-card span{display:block;color:#8492a4;font:500 9px DM Mono;letter-spacing:.12em}.metric-card strong{display:block;font:700 22px Manrope;margin:14px 0 3px;overflow:hidden;text-overflow:ellipsis}.metric-card small{font-size:11px;color:#7f8c9d}.metric-card .runtime-pending{font-size:17px;color:#f1c776}.section-heading,.chat-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}.section-heading h2,.chat-title h2{font:600 20px Manrope;margin:7px 0 0}.count-pill,.status-badge{border:1px solid #344354;border-radius:30px;padding:7px 10px;color:#9dabbc;font:10px DM Mono}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.agent-card{text-align:left;color:inherit;cursor:pointer;padding:17px;display:flex;flex-direction:column;min-height:166px;transition:.16s}.agent-card:hover,.agent-card.selected{border-color:#58d6a4;box-shadow:0 0 0 1px #58d6a426}.agent-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #3c4c61;border-radius:10px;color:var(--violet);font-size:18px}.agent-code{font:600 14px Manrope;margin-top:16px}.agent-version{color:#8a98aa;font-size:11px;margin-top:4px}.agent-state{color:#97d9b8;font:10px DM Mono;margin-top:auto;padding-top:15px}.agent-state i{display:inline-block;width:6px;height:6px;background:#75e7ae;border-radius:50%;margin-right:5px}.empty-card{padding:32px;text-align:center;min-height:165px}.empty-card h3{font:600 16px Manrope}.status-icon{width:37px;height:37px;margin:0 auto 11px;border-radius:12px;display:grid;place-items:center;background:#1c2c37;color:var(--green);font-weight:700}.status-icon.danger{background:#3b2025;color:#ff9c9c}.chat-card{margin-top:28px;padding:20px}.chat-title{margin:0 0 18px}.status-badge.pending{color:#f0c977;border-color:#665332;background:#352b19}.chat-messages{min-height:110px;border:1px solid #273443;background:#0f1721;border-radius:10px;padding:15px}.message{display:flex;gap:11px;max-width:720px}.agent-symbol.small{flex:0 0 28px;width:28px;height:28px;font-size:14px}.message b{font:600 12px Manrope}.message p{font-size:12px;line-height:1.65;color:#a5b1c0;margin:5px 0}.composer{display:flex;gap:10px;margin-top:12px}.composer input{flex:1;min-width:0;background:#0d151e;border:1px solid #334152;color:#e9edf4;border-radius:9px;padding:12px 14px;font:13px DM Sans;outline:none}.composer input:focus{border-color:#64dcae}.send{min-width:100px}.send span{font-size:16px;margin-left:8px}.runtime-warning{margin-top:12px;color:#e3bd6f;font-size:11px;line-height:1.6}.runtime-warning code{color:#c4b486}footer{display:flex;justify-content:space-between;color:#758396;font:10px DM Mono;margin:22px 2px}.notice{padding:11px 13px;border-radius:9px;margin:14px 0;font-size:12px}.notice.error{color:#ffbaba;background:#3a2025;border:1px solid #754047}.build-info{position:fixed;right:12px;bottom:8px;font-size:9px;opacity:.55}@media(max-width:850px){.shell{padding:0 20px 32px}.workspace-grid{grid-template-columns:1fr}.side-card{min-height:0}.tenant-foot{margin-top:20px}.welcome{align-items:flex-start;flex-direction:column}.metric-row{grid-template-columns:1fr}.metric-card strong{margin:8px 0}.hero{margin-top:80px}footer{gap:10px;flex-direction:column}}