:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#08120f; color:#effaf4; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 18% 8%,#174d3a 0,transparent 38%),linear-gradient(145deg,#07100d,#0c1713 65%,#10231b); }
.shell { width:min(980px,calc(100% - 32px)); margin:0 auto; padding:72px 0; }
header { max-width:720px; margin-bottom:36px; }
.eyebrow { margin:0 0 8px; color:#7ee2ad; font-size:.76rem; font-weight:800; letter-spacing:.16em; }
h1 { margin:0; font-size:clamp(2.5rem,7vw,5.6rem); letter-spacing:-.055em; line-height:.94; }
h2 { margin:0 0 10px; font-size:1.45rem; }
.lede { color:#b6c9bf; font-size:1.08rem; line-height:1.65; max-width:640px; }
.card { margin:18px 0; padding:28px; border:1px solid #28483a; border-radius:22px; background:rgba(12,27,21,.88); box-shadow:0 22px 60px rgba(0,0,0,.25); }
.hidden { display:none !important; }
.row { display:flex; gap:16px; align-items:center; }.between{justify-content:space-between}
button { border:0; border-radius:12px; padding:12px 17px; font:inherit; font-weight:750; cursor:pointer; }
button:disabled { opacity:.45; cursor:not-allowed; }
.primary { background:#71e5aa; color:#062116; }.secondary{background:#213c31;color:#eaf7f0}.danger{background:#51272b;color:#ffd9dc}
.status { margin:20px 0; padding:16px; border-radius:14px; background:#142d23; color:#cce9db; }
.status[data-status="pending"]{background:#3b3216;color:#ffe6a0}.status[data-status="revoked"],.status[data-status="error"]{background:#402126;color:#ffcbd0}
.small { color:#aebfb7; }.footer{margin-top:28px;color:#83988e;font-size:.9rem}
.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #29463a}th{color:#86aa98;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.actions{display:flex;gap:6px;flex-wrap:wrap}.small-button{padding:7px 10px;font-size:.78rem}
@media(max-width:620px){.shell{padding:42px 0}.card{padding:20px}.row.between{align-items:flex-start;flex-direction:column}}