:root{--bg-0: #0f172a;--bg-1: #12243a;--bg-2: #1a3553;--surface: rgba(255, 255, 255, .08);--surface-strong: rgba(255, 255, 255, .14);--line: rgba(255, 255, 255, .18);--text-0: #f8fafc;--text-1: #d6e2f1;--text-2: #98afcb;--accent: #f59e0b;--accent-2: #2dd4bf;--bad: #ef4444;--ok: #34d399;--warn: #fbbf24}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Space Grotesk,sans-serif;color:var(--text-0);background:radial-gradient(circle at 80% 0%,rgba(45,212,191,.16),transparent 40%),radial-gradient(circle at 0% 100%,rgba(245,158,11,.2),transparent 40%),linear-gradient(120deg,var(--bg-0),var(--bg-2))}.app-root{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.app-sidebar{border-right:1px solid var(--line);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff05,#ffffff03);display:flex;flex-direction:column;gap:1.2rem}.brand-block{display:flex;align-items:center;gap:.85rem}.brand-block h1{margin:0;font-size:1.25rem;line-height:1}.brand-block p{margin:.25rem 0 0;color:var(--text-2);font-size:.78rem}.brand-dot{width:14px;height:14px;border-radius:4px;background:linear-gradient(140deg,var(--accent),var(--accent-2));box-shadow:0 0 0 5px #f59e0b26}.nav-list{display:flex;flex-direction:column;gap:.45rem}.nav-link{color:var(--text-1);text-decoration:none;padding:.72rem .84rem;border-radius:.7rem;border:1px solid transparent;transition:.2s ease}.nav-link:hover{background:var(--surface);border-color:var(--line)}.nav-link.active{background:linear-gradient(120deg,#f59e0b38,#2dd4bf29);border-color:#f59e0b59}.sidebar-footnote{margin-top:auto;color:var(--text-2);font-size:.78rem}.app-content{padding:1.4rem}.page-section{display:flex;flex-direction:column;gap:1rem}.page-header h2{margin:0;font-size:1.6rem}.page-header p{margin:.35rem 0 0;color:var(--text-2)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:1rem}.panel-success{border-color:#34d39973;background:#34d39926}.panel-error{border-color:#ef444480;background:#ef44441f}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.metric-card{border:1px solid var(--line);border-radius:12px;padding:.9rem;background:linear-gradient(160deg,#ffffff17,#ffffff0a)}.metric-card h4{margin:0;color:var(--text-2);font-weight:500;font-size:.9rem}.metric-card p{margin:.45rem 0 0;font-size:1.4rem;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.wide-field{grid-column:1 / -1}.inline-form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:.35rem;font-size:.86rem;color:var(--text-1)}.checkbox-field{flex-direction:row;align-items:center;gap:.5rem;margin-top:1.2rem}.checkbox-field input[type=checkbox]{width:16px;height:16px}input,select,button,textarea{font-family:inherit}input,select,textarea{border:1px solid var(--line);background:#00000038;color:var(--text-0);border-radius:10px;padding:.62rem .7rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#2dd4bfb3;box-shadow:0 0 0 3px #2dd4bf2e}.primary-btn{border:1px solid rgba(245,158,11,.65);background:linear-gradient(140deg,#f59e0bf2,#d97706f2);color:#1f2937;font-weight:700;border-radius:10px;padding:.65rem .95rem;cursor:pointer}.primary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.command-mode-row{display:flex;flex-wrap:wrap;gap:.5rem}.mode-chip{border:1px solid var(--line);border-radius:999px;padding:.42rem .75rem;background:transparent;color:var(--text-1);cursor:pointer}.mode-chip.active{border-color:#2dd4bfcc;color:var(--text-0);background:#2dd4bf38}.status-pill{border-radius:999px;padding:.2rem .58rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.status-pill.ok{background:#34d3992e;color:var(--ok)}.status-pill.warn{background:#fbbf2433;color:var(--warn)}.status-pill.bad{background:#ef44443d;color:#fca5a5}.status-pill.neutral{background:#94a3b833;color:#cbd5e1}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid rgba(255,255,255,.08);padding:.58rem}.code-block,.mono{font-family:IBM Plex Mono,monospace;font-size:.78rem}.code-block{white-space:pre-wrap;background:#00000059;border-radius:10px;padding:.75rem;border:1px solid rgba(255,255,255,.08)}.advisor-page textarea{min-height:90px;resize:vertical}.advisor-grid{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(280px,.85fr);gap:1rem;align-items:start}.advisor-span{grid-column:1 / -1}.advisor-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:.9rem 0}.advisor-risk-profile,.advisor-score-card,.advisor-run-panel{border-top:1px solid rgba(255,255,255,.1);margin-top:.8rem;padding-top:.8rem}.advisor-score-card h4{margin:0 0 .35rem;font-size:1.15rem}.advisor-score-card p,.advisor-risk-profile p,.advisor-run-panel p{margin:.35rem 0}.advisor-run-id{display:inline-flex;margin:.2rem 0 .8rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:8px;background:#0000002e}.ops-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:1rem;align-items:start}.ops-dlq-grid{margin-top:1rem}.ops-command-list{display:flex;flex-direction:column;gap:.55rem;max-height:520px;overflow:auto;padding-right:.2rem}.ops-command-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;align-items:center;width:100%;text-align:left;border:1px solid var(--line);background:#00000029;color:var(--text-1);border-radius:10px;padding:.68rem;cursor:pointer}.ops-command-row:hover,.ops-command-row.active{border-color:#2dd4bfa6;background:#2dd4bf21;color:var(--text-0)}.ops-command-row .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-dlq-row{grid-template-columns:minmax(0,1fr) minmax(120px,auto) auto}.ops-replay-panel{display:flex;flex-direction:column;gap:.8rem}.ops-replay-panel textarea{min-height:260px;resize:vertical}.ops-actions{display:flex;gap:.75rem;flex-wrap:wrap}.table-actions{display:flex;gap:.45rem;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:.55rem;min-height:44px}.checkbox-row input{width:18px;height:18px}.secondary-btn.danger{border-color:#fb718580;color:#fecdd3}.ops-command-status{border-top:1px solid rgba(255,255,255,.12);margin-top:.8rem;padding-top:.8rem}@media(max-width:960px){.app-root{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--line)}.advisor-grid,.ops-grid{grid-template-columns:1fr}}