:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d0f;color:#f6f2e9}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,#26302a 0,transparent 38%),#090d0f}
.shell{min-height:100vh;display:flex;flex-direction:column;max-width:1080px;margin:auto;padding:0 24px}
.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #293033}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e4bb69;border-radius:50%;color:#e4bb69;font-size:23px}
.brand strong,.brand small{display:block;letter-spacing:.11em}.brand strong{font-size:15px}.brand small{font-size:9px;color:#e4bb69;margin-top:3px}
.environment,.eyebrow{color:#e4bb69;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
main{width:100%;flex:1;padding:52px 0 70px}
.card{background:#151a1b;border:1px solid #303a3a;border-radius:22px;padding:32px;box-shadow:0 20px 55px #0004}.narrow{max-width:520px;margin:24px auto}
h1{font-size:clamp(30px,4vw,42px);line-height:1.12;margin:12px 0 12px}h2{font-size:22px;margin:30px 0 10px}.lead{font-size:16px;color:#b8c0be;line-height:1.6;margin:0 0 26px}p{line-height:1.6;color:#b8c0be}
label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}input{width:100%;height:48px;border:1px solid #47504f;border-radius:12px;background:#0c1113;color:#f6f2e9;padding:0 14px;font:inherit}input:focus{outline:2px solid #e4bb69;outline-offset:1px}
button,.button-link{appearance:none;border:0;border-radius:12px;background:#e4bb69;color:#15130e;min-height:48px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}form>button{margin-top:24px}button:hover,.button-link:hover{background:#f0cd83}button:disabled{opacity:.65;cursor:wait}.secondary{background:transparent;color:#e4bb69;border:1px solid #75613b}.secondary:hover{background:#29271f}
.status:not(:empty){margin-top:22px;padding:12px 14px;border-radius:10px;background:#242b29;color:#f6f2e9;border:1px solid #44504a}.status.error{background:#392323;border-color:#8a4444;color:#ffdddd}
.secret{display:block;overflow-wrap:anywhere;padding:16px;background:#0c1113;border:1px solid #47504f;border-radius:12px;color:#e4bb69;font-size:18px;letter-spacing:.08em}.recovery-list{padding:16px 16px 16px 38px;background:#0c1113;border:1px solid #47504f;border-radius:12px;columns:2;line-height:2;font-family:monospace}.button-link{margin-top:10px}
.dashboard-head{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:26px}.dashboard-head form>button{margin-top:0}.inline-form{display:flex;align-items:end;gap:16px}.inline-form>div{flex:1}.inline-form>button{margin:0;white-space:nowrap}.notice{border-left:3px solid #e4bb69;padding:12px 16px;background:#232520;color:#f6f2e9}
footer{padding:22px 0;border-top:1px solid #293033;color:#8f9a98;font-size:12px}
[hidden]{display:none!important}
@media(max-width:640px){.shell{padding:0 16px}.topbar{min-height:72px}.environment{display:none}main{padding:28px 0 50px}.card{padding:24px 20px}.dashboard-head,.inline-form{display:block}.dashboard-head form{margin-top:16px}.inline-form>button{margin-top:18px;width:100%}.recovery-list{columns:1}}

.editorial-nav { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin:1rem 0; }
.editorial-table { overflow-x:auto; }
.editorial-table table { width:100%; border-collapse:collapse; }
.editorial-table th,.editorial-table td { padding:1rem .5rem; text-align:left; border-bottom:1px solid #49443b; }
.editorial-table button { margin:.25rem; }
#editorial-form textarea,#editorial-form select,#editorial-access-form select { width:100%; padding:.8rem; border:1px solid #696052; border-radius:.5rem; background:#171715; color:#fff; font:inherit; }
#editorial-form [data-kind] { margin-bottom:1rem; }
.editorial-check { display:flex; align-items:center; gap:.6rem; margin:.75rem 0; }
.editorial-check input { width:auto; }
[hidden] { display:none !important; }

.member-table { overflow-x: auto; }
.member-table table { width: 100%; border-collapse: collapse; }
.member-table th, .member-table td { padding: 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.member-table form { margin-top: 8px; }