:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0b;--panel:#151515;--panel-raised:#1b1b1b;--line:#343434;--text:#f5f5f2;--muted:#aaa9a3;--blue:#3974ff;--green:#13a868;--warn:#f0a51a;--bad:#e5484d}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(#34343447 1px, transparent 1px), linear-gradient(90deg, #34343447 1px, transparent 1px), var(--bg);min-height:100vh;color:var(--text);background-size:48px 48px;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.eyebrow,.section-kicker{color:#c4c4bf;letter-spacing:.18em;margin:0 0 12px;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:700}.login-page{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);min-height:100vh;display:grid}.login-intro{border-right:1px solid var(--line);background:radial-gradient(circle at 25% 40%,#3974ff2e,#0000 37%),linear-gradient(90deg,#0b0b0b59,#0b0b0bcc);align-content:center;padding:clamp(48px,8vw,130px);display:grid;position:relative}.login-intro:after{content:"";border:1px solid #3974ff66;width:110px;height:110px;position:absolute;top:12%;right:9%;transform:rotate(45deg)}.login-intro h1{letter-spacing:-.065em;max-width:780px;margin:0;font-size:clamp(3rem,6vw,6.5rem);line-height:.92}.login-intro>p:not(.eyebrow){color:var(--muted);max-width:580px;font-size:1.05rem;line-height:1.6}.signal-line{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;margin-top:56px;font-family:monospace;font-size:.72rem;display:flex}.signal-line span{background:var(--blue);box-shadow:0 0 12px var(--blue);width:5px;height:5px}.login-brand{position:absolute;top:30px;left:clamp(28px,8vw,130px)}.login-card{background:#0d110f;align-content:center;gap:38px;padding:clamp(36px,7vw,100px);display:grid}.login-card h2{margin:0 0 8px;font-size:2rem}.login-card>div>p:last-child{color:var(--muted);margin:0;line-height:1.55}.login-form{gap:20px;display:grid}.login-form label{color:#c6cfca;letter-spacing:.04em;gap:8px;font-size:.8rem;font-weight:700;display:grid}.login-form input,.toolbar-actions select,.filter-grid input,.filter-grid select{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);border-radius:0;outline:none}.login-form input{padding:14px 15px}.login-form input:focus,.toolbar-actions select:focus,.filter-grid input:focus,.filter-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3974ff1f}.primary-button{background:var(--text);border:1px solid var(--text);color:var(--bg);letter-spacing:.08em;text-transform:uppercase;border-radius:0;min-height:54px;margin-top:8px;padding:15px 20px;font-size:12px;font-weight:900}.primary-button:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}.form-error,.panel-error{color:#ffaaa5;background:#ff746c14;border:1px solid #ff746c59;padding:12px 14px}.panel-success{color:#56d59b;background:#13a8681f;border:1px solid #13a86866;margin:16px;padding:12px 14px}.admin-shell{max-width:1600px;min-height:100vh;margin:0 auto;padding:0 clamp(18px,4vw,64px) 30px}.admin-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;display:flex}.brand-lockup,.admin-identity{align-items:center;gap:13px;display:flex}.brand-lockup>div,.admin-identity>div{gap:2px;display:grid}.brand-lockup small,.admin-identity small{color:var(--muted);text-transform:uppercase;font-family:monospace;font-size:.68rem}.brand-lockup strong{letter-spacing:.08em;font-size:1rem}.brand-mark{color:var(--blue);object-fit:contain;width:55px;height:40px}.admin-identity{text-align:right}.admin-identity strong{font-size:.8rem}.logout-button,.refresh-button,.row-action{border:1px solid var(--line);color:#cbd4cf;background:0 0;border-radius:0;padding:9px 12px;font-size:.76rem}.logout-button:hover,.refresh-button:hover,.row-action:hover{border-color:var(--blue);color:var(--text)}.dashboard-heading{justify-content:space-between;align-items:end;padding:54px 0 30px;display:flex}.dashboard-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1}.dashboard-heading>div>p:last-child{color:var(--muted);margin:14px 0 0}.live-indicator{color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-family:monospace;font-size:.72rem;display:flex}.live-indicator span{background:var(--green);box-shadow:0 0 10px var(--green);width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.metric-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.metric-card{background:var(--panel);min-height:150px;padding:24px;display:grid;position:relative}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:650}.metric-card strong{letter-spacing:-.04em;align-self:center;font-size:2.4rem}.metric-card small{color:#647069;font-family:monospace}.metric-primary:before{background:var(--blue);content:"";height:3px;position:absolute;top:0;left:0;right:0}.metric-primary strong{color:var(--blue);font-family:monospace}.metric-signal{background:linear-gradient(140deg, #3974ff1f, var(--panel) 65%)}.metric-signal strong{font-size:1.45rem}.recovery-panel{border:1px solid var(--line);background:#0e0e0e;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:26px;padding:28px;display:grid}.recovery-panel .eyebrow{text-transform:uppercase;align-items:center;gap:10px;display:flex}.recovery-panel .eyebrow span{background:var(--blue);width:24px;height:2px}.recovery-panel h2{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}.recovery-panel p:not(.eyebrow){color:var(--muted);max-width:520px;margin:0}.recovery-form{grid-template-columns:1fr 150px;align-content:center;gap:12px;display:grid}.recovery-form input,.recovery-form select{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);outline:0;min-height:44px;padding:10px 12px}.recovery-form input:nth-of-type(2),.recovery-form button{grid-column:span 2}.recovery-form input:focus,.recovery-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3974ff1f}.operations-panel{background:var(--panel);border:1px solid var(--line);min-height:420px;margin-top:26px}.panel-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:0 18px;display:flex}.tabs{align-self:stretch;gap:5px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px;font-size:.82rem;font-weight:700}.tab span{background:#242424;margin-left:7px;padding:3px 7px;font-family:monospace;font-size:.65rem}.tab.active{border-bottom-color:var(--blue);color:var(--text)}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toolbar-actions select{min-width:150px;padding:8px 28px 8px 10px;font-size:.75rem}.filter-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;padding:16px 18px;display:grid}.filter-grid input,.filter-grid select{min-height:38px;padding:8px 10px;font-size:.74rem}.filter-grid button{justify-self:start}.panel-error{margin:16px}.loading-state,.empty-state{color:var(--muted);text-align:center;padding:50px 24px}.loading-state span{background:var(--blue);width:7px;height:7px;margin-right:8px;animation:1s infinite pulse;display:inline-block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{color:#738079;letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:15px 18px;font-family:monospace;font-size:.66rem}td{color:#c5cec9;border-top:1px solid #212824;padding:17px 18px;font-size:.78rem}tbody tr:hover{background:#ffffff05}td code{color:#7fa3ff;font-size:.72rem}.plan-name{color:var(--text);text-transform:capitalize}.test-label{border:1px solid var(--warn);color:var(--warn);margin-left:7px;padding:2px 4px;font-size:.55rem}.status{padding:5px 8px;font-size:.67rem;font-weight:750;display:inline-block}.status-good{color:#56d59b;background:#13a8681f}.status-warn{color:var(--warn);background:#f4c95d1a}.status-bad{color:var(--bad);background:#ff746c1a}.status-muted{color:#aab4af;background:#222a26}.error-code{color:var(--bad);margin-top:5px;font-family:monospace;font-size:.57rem;display:block}.row-action{padding:7px 9px}.event-actions{gap:8px;min-width:190px;display:flex}.pagination-row{border-top:1px solid var(--line);text-align:center;padding:16px 18px}.detail-panel{border:1px solid var(--line);background:#0f0f0f;margin-top:26px;padding:28px}.detail-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.detail-header .eyebrow{text-transform:uppercase;align-items:center;gap:10px;margin-bottom:10px;display:flex}.detail-header .eyebrow span{background:var(--blue);width:24px;height:2px}.detail-header h2{letter-spacing:-.04em;text-transform:capitalize;margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1}.detail-grid{grid-template-columns:repeat(4,1fr);gap:1px;margin-top:22px;display:grid}.detail-grid p{background:var(--panel);gap:9px;min-height:92px;margin:0;padding:16px;display:grid}.detail-grid strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.detail-grid code{color:#7fa3ff;overflow-wrap:anywhere}.detail-panel h3{color:#d7ddd9;letter-spacing:.08em;text-transform:uppercase;margin:26px 0 12px;font-size:.83rem}.detail-list{border:1px solid #212824;display:grid}.detail-list p{color:#c5cec9;border-top:1px solid #212824;grid-template-columns:160px minmax(0,1fr) 180px;align-items:center;gap:10px;margin:0;padding:12px 14px;display:grid}.detail-list p:first-child{border-top:0}.detail-list strong{color:var(--text)}.detail-list span{color:var(--muted);text-align:right;font-family:monospace;font-size:.68rem}.admin-footer{color:#5f6a64;text-align:center;padding:28px 0 0;font-family:monospace;font-size:.66rem}.configuration-page{place-items:center;min-height:100vh;padding:24px;display:grid}.section-grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px}.configuration-card{background:var(--bg);border:1px solid var(--line);box-shadow:20px 20px 0 var(--panel);max-width:760px;padding:clamp(28px,6vw,64px)}.configuration-card .eyebrow{text-transform:uppercase;align-items:center;gap:10px;display:flex}.configuration-card .eyebrow span{background:var(--blue);width:24px;height:2px}.configuration-card h1{letter-spacing:-.055em;margin:0 0 26px;font-size:clamp(2.5rem,7vw,5rem);line-height:.94}.configuration-card>p:not(.eyebrow){color:var(--muted);font-size:1rem;line-height:1.6}.configuration-code{border:1px solid var(--line);background:#050505;gap:10px;margin:30px 0;padding:20px;display:grid}.configuration-code code{color:#7fa3ff;overflow-wrap:anywhere;font-size:.78rem}.configuration-note strong{color:var(--text);font-family:monospace}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-intro{border-bottom:1px solid var(--line);border-right:0;min-height:46vh;padding:50px 28px}.login-intro:after{width:60px;height:60px}.login-card{min-height:54vh;padding:48px 28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.recovery-panel{grid-template-columns:1fr}.dashboard-heading{flex-direction:column;align-items:start;gap:24px}.filter-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.admin-header{align-items:flex-start;gap:20px;padding:18px 0}.admin-identity{flex-direction:column;align-items:flex-end}.dashboard-heading{padding-top:38px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:120px}.panel-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:0 12px 14px}.tabs{height:58px}.tab{flex:1;padding:0 7px}.toolbar-actions select{flex:1;min-width:0}.toolbar-actions{justify-content:stretch}.toolbar-actions button{flex:1}.filter-grid{grid-template-columns:1fr;padding:14px 12px}.recovery-form{grid-template-columns:1fr}.recovery-form input:nth-of-type(2),.recovery-form button{grid-column:auto}.detail-header{flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-list p{grid-template-columns:1fr;align-items:start}.detail-list span{text-align:left}.login-intro h1{font-size:3.2rem}.signal-line{margin-top:28px}}
