@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";
:root{--ink:#14202d;--paper:#f3f5f4;--panel:#fff;--line:#cad3d2;--muted:#5c6972;--signal:#0c6c68;--signal-pale:#d9ece9;--danger:#a63d30;--focus:#f1a208}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}a{color:#075b91;font-weight:600}button,input{font:inherit}button{background:var(--ink);border:1px solid var(--ink);color:#fff;cursor:pointer;padding:.65rem .9rem;font-weight:700}button:hover{background:#27394a}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.console-shell{min-height:100vh}.console-shell>header{background:var(--ink);color:#fff;justify-content:space-between;align-items:end;gap:2rem;padding:1.25rem clamp(1rem,4vw,4rem);display:flex}.product-mark,.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:500}.product-mark{color:#b9d9d3}.role-label{color:#d5dcdf;margin:0;font-size:.85rem}nav{flex-wrap:wrap;gap:.2rem;display:flex}nav a{color:#fff;padding:.5rem .6rem;text-decoration:none}nav a:hover{background:#294050}.workspace{max-width:1240px;margin:0 auto;padding:clamp(1.5rem,4vw,4rem)}.page-heading{border-bottom:3px solid var(--ink);margin-bottom:1.5rem;padding-bottom:1rem}.page-heading h1,.access-state h1{letter-spacing:-.025em;text-transform:uppercase;margin:0 0 .65rem;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.9}.page-heading>p:last-child{color:var(--muted);max-width:60ch}.metric-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:1rem;display:grid}.metric-card{background:var(--panel);min-height:126px;padding:1rem}.metric-card p{color:var(--muted);margin:0;font-size:.82rem}.metric-card strong{color:var(--signal);margin-top:1.5rem;font-family:Barlow Condensed,sans-serif;font-size:3rem;line-height:1;display:block}.state-card,.config-form{background:var(--panel);border-left:4px solid var(--signal);margin:1rem 0;padding:1rem 1.2rem}.state-card h2{margin:0 0 .4rem;font-size:1.1rem}.state-card p{margin-bottom:0}.error{border-left-color:var(--danger)}.success{border-left-color:var(--signal);background:var(--signal-pale)}.hint,.muted{color:var(--muted);font-size:.82rem}.table-wrap{background:var(--panel);border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:740px}caption{text-align:left;padding:1rem;font-weight:700}th{letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#e8edeb;font-family:IBM Plex Mono,monospace;font-size:.7rem}th,td{border-top:1px solid var(--line);vertical-align:middle;padding:.8rem}.row-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row-actions button{padding:.45rem .6rem;font-size:.85rem}.state-pill{background:var(--signal-pale);color:#07534f;padding:.25rem .4rem;font-family:IBM Plex Mono,monospace;font-size:.76rem;display:inline-block}.state-pill.off{color:#813025;background:#f6dfda}.config-form{gap:.6rem;max-width:600px;display:grid}.config-form input{border:1px solid #71808a;padding:.7rem}.config-form button{justify-self:start}.dialog-backdrop{z-index:3;background:#14202d9e;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-dialog{border-top:7px solid var(--signal);background:#fff;max-width:560px;padding:1.5rem;box-shadow:0 20px 60px #0000004d}.confirm-dialog h2{margin-top:0}.dialog-actions{flex-wrap:wrap;justify-content:end;gap:.75rem;margin-top:1.5rem;display:flex}.dialog-actions button:first-child{color:var(--ink);background:#fff}.danger-action{background:var(--danger);border-color:var(--danger)}.access-state{max-width:640px;margin:15vh auto;padding:2rem}@media (max-width:800px){.console-shell>header{flex-direction:column;align-items:flex-start;gap:1rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:last-child{grid-column:span 2}}@media (max-width:560px){.workspace{padding:1.25rem 1rem}.table-wrap{background:0 0;border:0;overflow:visible}.table-wrap table{min-width:0}.table-wrap thead{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.table-wrap tbody{gap:1rem;display:grid}.table-wrap tr{background:var(--panel);border:1px solid var(--line);padding:.35rem 0;display:block}.table-wrap td{overflow-wrap:anywhere;border:0;grid-template-columns:minmax(6.8rem,40%) minmax(0,1fr);align-items:start;gap:.75rem;padding:.65rem .8rem;display:grid}.table-wrap td:before{color:var(--muted);content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;padding-top:.15rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:500}.table-wrap .row-actions{align-items:flex-start;gap:.65rem}.table-wrap .row-actions button{align-self:flex-start}.table-wrap caption{background:var(--panel);border:1px solid var(--line);border-bottom:0}.table-wrap caption+thead+tbody tr:first-child{border-top:0}}