:root{color-scheme:dark;--bg:#151b18;--panel:#202822;--border:#354336;--muted:#a9b7a9;--accent:#b8ef7a;--text:#e9f2e6;font:15px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text)}
a{color:var(--accent)}
a:hover{text-decoration:underline}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,p{margin:0}
h1{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.035em;line-height:1.15;margin:7px 0 9px}
h2{font-size:1.15rem;margin:0 0 8px}
.wordmark{color:var(--text);font-size:1.8rem;font-weight:800;letter-spacing:-.06em;text-decoration:none}
.wordmark span,.eyebrow{color:var(--accent)}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.12em;overflow-wrap:anywhere}
.muted{color:var(--muted)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px clamp(18px,5vw,56px);border-bottom:1px solid var(--border)}
nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
nav a{font-size:.9rem;text-decoration:none}
.shell{width:min(1240px,100%);margin:0 auto;padding:clamp(24px,5vw,52px) clamp(15px,4vw,40px)}
.narrow{width:min(600px,100%)}
.panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:clamp(16px,3vw,26px)}
section.panel{margin-top:18px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.metrics dt{color:var(--muted);font-size:.83rem}
.metrics dd{margin:5px 0 0;font-size:clamp(1.2rem,3vw,1.9rem);font-weight:680;font-variant-numeric:tabular-nums}
.create-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:16px}
label{display:grid;gap:6px;font-size:.86rem;font-weight:550}
input:not([type=hidden]){background:#141c17;border:1px solid #526452;border-radius:7px;color:var(--text);padding:9px 11px;width:100%;min-width:0}
button{background:#2c392c;color:var(--text);border:1px solid #526452;border-radius:7px;padding:8px 12px;white-space:nowrap}
button:hover{border-color:var(--accent)}
button.primary{background:var(--accent);border-color:var(--accent);color:#16200e;font-weight:700;padding:9px 14px}
.stack{display:grid;gap:14px;margin-top:16px}
.message{margin-top:14px;border:1px solid #56784a;border-radius:7px;background:#263b25;padding:10px 13px}
.message.error{border-color:#a06a62;background:#402a27;color:#ffddd8}
.table-scroll{overflow:auto;margin-top:14px}
table{width:100%;border-collapse:collapse;text-align:left;font-size:.87rem}
th,td{padding:12px 10px;vertical-align:top;border-bottom:1px solid var(--border)}
thead th{color:var(--muted);font-size:.75rem;letter-spacing:.03em;white-space:nowrap}
tbody th{min-width:106px;font-weight:600;overflow-wrap:anywhere}
td small{display:block;margin-top:3px;color:var(--muted);white-space:nowrap}
.tag{display:block;width:fit-content;border-radius:100px;background:#324632;color:#d5eacb;font-size:.71rem;padding:2px 7px;margin-top:4px}
.tag.suspended{background:#4e3733;color:#ffddd8}
.management{display:grid;gap:6px;min-width:140px}
.management button,.management summary{font-size:.8rem}
.management summary{cursor:pointer;color:var(--accent)}
.reset-form{min-width:148px;gap:8px;margin-top:8px}
.signout{margin-top:16px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:16px}
.login-card{width:min(430px,100%);padding:clamp(20px,6vw,34px)}
.login-card .eyebrow{margin-top:14px}
.login-card h1{font-size:1.9rem}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.create-form{grid-template-columns:1fr}.topbar{padding:10px 14px}}