:root{--paper: #efe9de;--ink: #17242f;--muted: #6c7a86;--line: #cdd6df;--navy: #244b6b;--ok: #2d8a66;--err: #b54848;--off: #7d8792;--gold: #e3b768;--st-ok-bg: rgba(45,138,102,.16);--st-ok-fg: #1f6a4f;--st-err-bg: rgba(181,72,72,.16);--st-err-fg: #8a2e2e;--st-pending-bg: rgba(227,183,104,.22);--st-pending-fg: #8a6a26;--st-off-bg: rgba(125,135,146,.18);--st-off-fg: #5a6570;--st-prod-bg: #173040;--st-prod-fg: #ffffff}.st-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.4;border:1px solid transparent}.st-pill.st-ok,.st-pill.st-active,.st-pill.st-approved,.st-pill.st-executed{background:var(--st-ok-bg);color:var(--st-ok-fg)}.st-pill.st-err,.st-pill.st-error,.st-pill.st-failed,.st-pill.st-rejected{background:var(--st-err-bg);color:var(--st-err-fg)}.st-pill.st-pending,.st-pill.st-running,.st-pill.st-staging,.st-pill.st-draft{background:var(--st-pending-bg);color:var(--st-pending-fg)}.st-pill.st-off,.st-pill.st-disabled,.st-pill.st-archived,.st-pill.st-paused{background:var(--st-off-bg);color:var(--st-off-fg)}.st-pill.st-production{background:var(--st-prod-bg);color:var(--st-prod-fg)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper);color:var(--ink);font-family:Golos Text,system-ui,sans-serif}#app{min-height:100vh}button,.btn{height:40px;border-radius:12px;border:1px solid rgba(23,36,47,.12);background:#fff;color:var(--ink);padding:0 14px;cursor:pointer;font:600 13px/1 Golos Text,sans-serif}.btn.primary{background:#173040;color:#fff;border-color:#173040}input.txt,select.sel,textarea.ta{width:100%;border-radius:12px;border:1px solid rgba(23,36,47,.12);background:#fff;color:var(--ink);padding:10px 12px;font:500 14px/1.4 Golos Text,sans-serif;outline:none}textarea.ta{min-height:84px;resize:vertical}.card{background:#fff;border:1px solid rgba(23,36,47,.08);border-radius:18px;padding:16px}.muted{color:var(--muted);font-size:13px;line-height:1.5}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.active{background:var(--ok)}.status-dot.error{background:var(--err)}.status-dot.not_configured,.status-dot.disabled{background:var(--off)}