*,:before,:after{box-sizing:border-box}:root{color:#e2e8f0;font-synthesis:none;--surface:#0f1535;--box:#141c48;--border:#26366f;--muted:#9badd0;--blue:#4457e6;--green:#1a8820;--green-hover:#22a828;--amber:#f59e0b;--red:#dc4b4b;background:#080d1e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#080d1e;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{min-height:44px}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #8fa0ff}.app-header{border-bottom:1px solid #141c48;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(18px,4vw,48px);display:flex}.brand,.account-area,.site-row,.section-heading,.action-row,.dialog-actions{align-items:center;display:flex}.brand{gap:12px}.brand img{object-fit:contain;width:54px;height:43px}.brand p,.brand h1{margin:0}.brand p,.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:750}.brand h1{font-size:1.25rem}.account-area{justify-content:flex-end;gap:12px}.environment{color:#bec8ff;text-transform:capitalize}.welcome-card,.controller-workspace{width:min(1080px,100% - 32px);margin:36px auto}.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;max-width:520px;padding:36px}.welcome-card h2{margin:8px 0;font-size:1.75rem}.welcome-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.site-row{justify-content:flex-end;gap:12px;margin-bottom:18px}.site-row label{color:var(--muted);font-weight:700}select{color:#fff;background:var(--box);border:1px solid var(--border);border-radius:9px;min-width:220px;min-height:44px;padding:8px 36px 8px 12px}.tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:14px;font-weight:800}.tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--blue)}.tab-panel,.state-card{background:var(--surface);border:1px solid var(--border);border-top:0;border-radius:0 0 16px 16px;padding:clamp(22px,4vw,38px)}.state-card{border-top:1px solid var(--border);border-radius:16px}.state-card h2{margin-top:0}.state-card p{color:var(--muted)}.section-heading{justify-content:space-between;gap:18px;margin-bottom:28px}.section-heading h2,.selection-section h3,.system-card h3{margin:4px 0}.status-chip{border-radius:999px;padding:7px 12px;font-weight:750}.status-chip.ok{color:#c7f9c9;background:#124c1a}.status-chip.warning{color:#ffe3a8;background:#5e3d05}.selection-section{margin-top:28px}.choice-grid{flex-wrap:wrap;gap:12px;display:flex}.choice{color:#fff;background:var(--box);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;min-width:138px;min-height:68px;padding:14px 24px;font-weight:750}.choice:hover:not(:disabled){background:#1c2860}.choice[aria-pressed=true]{background:var(--green);border-color:#146618}button:disabled{opacity:.48;cursor:not-allowed}.primary-action,.secondary-action,.action-row button,.dialog-actions button{color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 18px;font-weight:760}.primary-action{background:var(--green);width:100%;margin-top:32px}.primary-action:hover:not(:disabled){background:var(--green-hover)}.secondary-action,.action-row button,.dialog-actions button{background:#27356f}.system-card{background:var(--box);border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:24px;margin-top:16px;padding:22px;display:flex}.action-row{flex-wrap:wrap;justify-content:flex-end;align-self:center;gap:10px}.status-list{margin:14px 0 0}.status-list div{grid-template-columns:110px 1fr;margin-top:6px;display:grid}.status-list dt{color:var(--muted)}.status-list dd{margin:0}.notice{color:#fff;background:#27356f;border-radius:9px;margin:16px 0 0;padding:14px 18px}.notice.warning{color:#ffe3a8;background:#5e3d05}.notice.progress{background:#2633a8}.dialog-backdrop{background:#030612c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(480px,100%);padding:28px;box-shadow:0 24px 80px #0009}.confirm-dialog h2{margin:8px 0}.confirm-dialog p{color:var(--muted)}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .danger-action{background:var(--red)}@media (width<=680px){.app-header,.system-card{flex-direction:column;align-items:stretch}.account-area{justify-content:space-between}.site-row{flex-direction:column;align-items:stretch}.site-row select{width:100%}.section-heading{flex-direction:column;align-items:flex-start}.action-row{justify-content:stretch;align-self:stretch}.action-row button{flex:1}.choice{flex:138px}}