:root{color:#172033;--bg:#f4f6fa;--panel:#fff;--muted:#697386;--line:#dfe4ec;--text:#172033;--sidebar:#111827;--accent:#2563eb;--accent-soft:#e9f0ff;--danger:#c2413b;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#0b1020;--panel:#111827;--muted:#9ca3af;--line:#263244;--text:#e5e7eb;--sidebar:#070b14;--accent:#60a5fa;--accent-soft:#172554;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:255px 1fr;min-height:100vh;transition:all .2s;display:grid}.app-shell.collapsed{grid-template-columns:78px 1fr}.sidebar{background:var(--sidebar);color:#e5e7eb;flex-direction:column;gap:14px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:48px;padding:4px 8px;display:flex}.brand-mark{background:#1d4ed8;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand span{color:#94a3b8;margin-top:3px;font-size:12px}.collapse-button{color:#cbd5e1;background:#1f2937;border:1px solid #334155;border-radius:8px;align-self:flex-end;padding:6px}.nav-group{margin-top:8px}.nav-group p{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:8px;font-size:11px}.nav-group button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:10px 11px;display:flex}.nav-group button:hover,.nav-group button.active{color:#fff;background:#1e293b}.sidebar-note{color:#cbd5e1;border:1px solid #334155;border-radius:10px;gap:8px;margin-top:auto;padding:11px;font-size:12px;display:flex}main{min-width:0}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;height:70px;padding:0 26px;display:flex;position:sticky;top:0}.topbar>div>strong,.topbar>div>span{display:block}.topbar>div>span{color:var(--muted);margin-top:3px;font-size:12px}.topbar-actions{align-items:center;gap:10px;display:flex!important}.environment-pill,.user-pill{border:1px solid var(--line);border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;gap:7px!important;display:flex!important}.user-pill button{color:var(--accent);background:0 0;border:0;padding:0 3px}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;place-items:center;padding:8px;display:grid}.main-content{max-width:1600px;margin:0 auto;padding:28px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}h1{margin:0 0 8px;font-size:30px}h2{margin:0 0 12px}h3{margin:22px 0 8px;font-size:14px}.page-header p{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent)!important;margin-bottom:7px!important;font-size:11px!important}.safety-badge{color:#10b981;background:#10b98118;border:1px solid #34d39955;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:8px 11px;padding:18px;display:grid}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{grid-column:1/-1;font-size:28px}.panel,.detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-title{padding:18px 20px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 16px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}td small,td code{margin-top:5px;display:block}tr{transition:all .1s}tbody tr:hover,.selected-row{background:var(--accent-soft)}code,pre,.code-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{color:var(--accent);font-size:12px}pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:9px;max-height:380px;padding:12px;font-size:12px;overflow:auto}.status,.risk{color:#64748b;background:#64748b22;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.status.succeeded,.risk.read{color:#10b981;background:#10b98120}.status.failed,.status.blocked,.risk.destructive{color:#ef4444;background:#ef444420}.status.waiting_confirmation,.status.approved,.risk.medium,.risk.high{color:#f59e0b;background:#f59e0b20}.status.running{color:#3b82f6;background:#3b82f620}.risk.low{color:#06b6d4;background:#06b6d420}.split-layout,.form-layout{grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);align-items:start;gap:18px;display:grid}.detail-panel{padding:20px;position:sticky;top:94px}.detail-grid{grid-template-columns:95px 1fr;gap:8px 12px;margin:18px 0;font-size:13px;display:grid}.detail-grid span{color:var(--muted)}.event-list>div{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;display:flex}.event-list span{color:var(--muted)}.form-panel{padding:20px}label{gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:9px;padding:10px 11px}textarea{resize:vertical;min-height:90px}.code-input{min-height:180px}.primary,.danger{border:0;border-radius:9px;padding:10px 14px;font-weight:700}.primary{background:var(--accent);color:#fff}.danger{color:var(--danger);background:#ef444419;border:1px solid #ef444444}.action-row{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.alert{border-radius:9px;margin:12px 0;padding:11px 13px;font-size:13px}.alert.error{color:var(--danger);background:#ef444419;border:1px solid #ef444444}.loading,.auth-screen{place-items:center;gap:8px;min-height:100vh;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;width:min(430px,92vw);padding:34px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.form-layout{grid-template-columns:1fr}.detail-panel{position:static}.app-shell{grid-template-columns:78px 1fr}.sidebar .brand>div:not(.brand-mark),.sidebar .nav-group p,.sidebar .nav-group span,.sidebar-note{display:none}.main-content{padding:18px}}