:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8edf5;background:#08101d;font-synthesis:none;--panel:#111c2c;--line:#24344a;--muted:#8fa0b7;--accent:#68e0bb;--blue:#70a7ff;--danger:#ff8e98}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#162a42 0,transparent 34rem),#08101d}button,input{font:inherit}button{border:0;cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:42px;background:rgba(17,28,44,.94);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px #0008}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--blue));color:#07111c;font-weight:900;font-size:25px}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:18px}.eyebrow{margin:24px 0 6px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}.login-card h1,.topbar h1{margin:0;font-size:32px}.muted{color:var(--muted)}form{display:grid;gap:18px;margin-top:30px}label{display:grid;gap:8px;color:#c8d3e3;font-size:13px;font-weight:650}input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;color:inherit;background:#0b1523;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #68e0bb22}button{padding:12px 16px;border-radius:10px;background:var(--accent);color:#07131c;font-weight:800}.error{color:var(--danger);margin:0}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#0a1422;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand b{color:var(--accent)}nav{display:grid;gap:6px}.nav-item{text-align:left;background:transparent;color:var(--muted)}.nav-item:hover,.nav-item.active{background:#172438;color:#fff}.sidebar-foot{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line);display:grid;gap:9px}.quiet{padding:0;background:transparent;color:var(--muted);text-align:left}.content{padding:34px clamp(20px,4vw,58px);min-width:0}.topbar,.section-head,.range-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.topbar{margin-bottom:30px}.topbar .eyebrow{margin:0 0 6px}.status{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.status.ok{background:#173a35;color:#7aebc9}.status.warn{background:#3b2f18;color:#ffd477}.status.neutral{background:#1b2a3d;color:#a9b9cf}.notice{padding:13px 15px;margin-bottom:18px;border:1px solid #68434a;border-radius:10px;background:#2b1a21;color:#ffc1c6}.range-row{justify-content:flex-start;margin-bottom:18px}.range-row label{min-width:150px}.range-row button{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric,.card{border:1px solid var(--line);border-radius:16px;background:rgba(17,28,44,.84)}.metric{padding:20px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:8px;font-size:28px}.grid-two{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.card{padding:22px;overflow:hidden}.card h2{margin:0 0 18px;font-size:17px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.stack{display:grid;gap:10px}.stack-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:11px}.stack-item small{display:block;color:var(--muted);margin-top:3px}.pill{padding:4px 8px;border-radius:999px;background:#1b2a3d;color:#b8c7da;font-size:11px}.pill.good{background:#173a35;color:#7aebc9}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(3,1fr)}.sidebar-foot{display:flex}.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}}@media(max-width:520px){.content{padding:22px 14px}.metric-grid{grid-template-columns:1fr 1fr}.range-row{align-items:stretch;flex-wrap:wrap}.range-row button{margin-left:0;width:100%}.topbar{align-items:start}.login-card{padding:28px}}
.campaign-status-detail{display:block;margin-top:.35rem;color:var(--muted);max-width:34rem;white-space:normal}
.operations-alert{margin-bottom:18px}.operations-alert.degraded{border-color:#76505a;background:#241a24}.operations-alert.healthy{border-color:#285c50}.issue-critical{border-color:#76505a}.issue-warning{border-color:#6b5a31}
select,textarea{font:inherit;padding:13px 14px;border:1px solid var(--line);border-radius:10px;color:inherit;background:#0b1523;outline:none}textarea{width:100%;resize:vertical}select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #68e0bb22}details{margin:18px 0}summary{cursor:pointer;color:#c8d3e3;font-weight:700}
#system-state{cursor:pointer}