:root{color-scheme:dark;--bg:#0b1118;--surface:#111b25;--surface2:#16232e;--line:#263440;--text:#e9f0f2;--muted:#8da0ad;--accent:#92e3cb;--accent2:#d8ff8e;--orange:#ffc889}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:0 0 238px;background:#0e1720;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:10px;padding:2px 13px 56px;font-size:24px;font-weight:750;letter-spacing:-.05em}.wordmark-light{font-weight:400;color:var(--accent)}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);color:#0d2a24;font-size:22px;line-height:1}.nav-label,.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--accent)}.nav-label{padding:0 13px 13px;color:#687d8a}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:10px 13px;border-radius:9px;color:#9aadb8;font-weight:600}.sidebar nav a:hover,.sidebar nav .nav-active{background:#1c2c35;color:var(--text)}.sidebar nav .nav-active{box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:11px;padding:17px 13px;border-top:1px solid var(--line);font-weight:650;font-size:12px}.sidebar-bottom small{font-weight:400;color:var(--muted)}.server-dot,.mode-pill i{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #92e3cb20}.main{min-width:0;flex:1}.topbar{height:70px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-weight:650}.crumb{color:var(--muted);font-weight:450}.text-button{border:0;background:none;color:var(--muted);cursor:pointer;font:inherit}.text-button:hover{color:var(--text)}.content{max-width:1470px;margin:auto;padding:36px}.hero{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.hero h1{font-size:34px;line-height:1.16;margin:7px 0 10px;letter-spacing:-.045em}.hero p:not(.eyebrow){color:var(--muted);margin:0}.eyebrow{margin:0}.mode-pill{border:1px solid #655745;background:#2a2520;color:var(--orange);border-radius:50px;padding:10px 13px;white-space:nowrap;font-size:11px;font-weight:750;letter-spacing:.06em;display:flex;align-items:center;gap:10px}.mode-pill i{background:var(--orange);box-shadow:0 0 0 4px #ffc88920}.mode-pill.live{color:var(--accent);background:#17342d;border-color:#2b6b59}.mode-pill.live i{background:var(--accent)}.notice{display:flex;gap:16px;padding:18px 20px;margin-bottom:24px;background:#1d292c;border:1px solid #355149;border-radius:13px;color:#baccc8}.notice strong{color:var(--text)}.notice-icon{color:var(--accent);font-size:19px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px}.stat{min-height:152px;padding:20px}.stat-top{display:flex;justify-content:space-between;color:#a9bac2;font-weight:650}.stat-top b{color:var(--accent);font-size:17px;font-weight:500}.stat strong{font-size:34px;letter-spacing:-.045em;display:block;margin:15px 0 2px}.stat small{color:var(--muted);font-size:12px}.panel{margin-bottom:24px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px}.panel h2{margin:3px 0 5px;font-size:20px;letter-spacing:-.025em}.panel-heading p:not(.eyebrow){color:var(--muted);margin:0}.cadence{color:var(--accent);background:#1b3330;border:1px solid #35534e;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#8397a4;background:#14212a;font-weight:750}td,th{padding:13px 25px;border-top:1px solid var(--line)}td{color:#cbd7dc;font-size:12px}td.subject{max-width:250px;overflow:hidden;text-overflow:ellipsis}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b8e9db}.badge{display:inline-block;padding:3px 8px;border-radius:50px;background:#253843;color:#b9cbd1;font-size:10px;text-transform:capitalize;font-weight:750}.badge.completed,.badge.submitted{background:#1d463d;color:#a6e5ce}.badge.failed,.badge.suppressed{background:#492c32;color:#ffc4c4}.badge.held{background:#493a28;color:#ffd99d}.empty{text-align:center;padding:28px;color:var(--muted)}footer{color:#667d88;font-size:11px;margin:31px 0 12px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 45% 25%,#17392e 0,transparent 38%),var(--bg)}.login-card{width:min(100%,420px);padding:36px;background:var(--surface);border:1px solid #31453f;border-radius:18px;box-shadow:0 30px 80px #0005}.login-card .brand-mark{width:40px;height:40px;margin-bottom:27px}.login-card h1{font-size:31px;margin:8px 0;letter-spacing:-.04em}.muted,.fine{color:var(--muted)}.login-card .muted{margin:0 0 32px}.login-card label{display:block;margin-bottom:8px;font-weight:650}.login-card input{width:100%;background:#0c151c;color:var(--text);border:1px solid #344650;padding:12px;border-radius:8px;font:inherit}.login-card input:focus{outline:2px solid var(--accent);outline-offset:2px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:12px 14px;border:0;border-radius:8px;background:var(--accent);color:#10251e;font:inherit;font-weight:800;cursor:pointer}.primary:hover{background:#b0f4de}.fine{font-size:11px;margin:25px 0 0}.alert{padding:11px;background:#572d36;border-radius:8px;color:#ffe0e0;margin-bottom:18px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.shell{display:block}.sidebar{width:100%;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.wordmark{padding:0 0 10px;font-size:21px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.nav-label,.sidebar-bottom{display:none}.topbar{height:54px;padding:0 20px}.content{padding:23px 16px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:27px}.stats{gap:10px}.stat{min-height:128px;padding:15px}.stat strong{font-size:28px}.panel-heading{padding:20px;align-items:flex-start;flex-direction:column}.mode-pill{padding:8px 10px}td,th{padding:12px 16px}}