:root{color-scheme:dark;--bg:#0d0e10;--panel:#17191d;--line:#2a2d33;--text:#f4f4f2;--muted:#a6a9b0;--gold:#d6ad55;--danger:#d65454;--ok:#58b27b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 5vw;background:#101114f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}header strong{color:var(--gold);letter-spacing:.18em}header span{margin-left:10px;color:var(--muted)}nav{display:flex;gap:6px;flex-wrap:wrap}nav a,a.button{color:var(--text);text-decoration:none;padding:8px 11px;border-radius:8px}nav a:hover{background:var(--panel)}main{width:min(1180px,92vw);margin:28px auto;min-height:75vh}h1{font-size:clamp(28px,5vw,44px);margin:.2em 0 .7em}h2{margin-top:0}small{color:var(--muted);font-weight:400}section,.cards article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}.login{max-width:460px;margin:10vh auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{margin:0}.cards span{display:block;color:var(--muted)}.cards strong{font-size:32px;color:var(--gold)}label{display:grid;gap:7px;color:var(--muted)}input,select,button{font:inherit}input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#0f1114;color:var(--text)}button,.button{border:0;border-radius:9px;padding:11px 15px;background:var(--gold);color:#111;font-weight:700;cursor:pointer}button.secondary,.button.secondary{background:#2a2d33;color:var(--text)}button.danger{background:var(--danger);color:white}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}.check{display:flex;grid-column:1/-1;align-items:center;gap:9px}.check input{width:auto}.search{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:8px;margin:14px 0}.scroll{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px;background:var(--panel)}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.notice{padding:13px 16px;border-radius:10px;margin:12px 0}.notice.error{background:#451d20}.notice.success{background:#173b28}.result{border-color:var(--gold)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status{padding:4px 8px;border-radius:20px;background:#333}.status.active{background:#164d2d;color:#a9f1c2}.status.revoked{background:#532226;color:#ffc0c0}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions form{display:flex;gap:8px}.logout{margin-top:24px}footer{text-align:center;color:var(--muted);padding:30px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{width:100%;overflow:auto;flex-wrap:nowrap}.cards{grid-template-columns:repeat(2,1fr)}.form-grid,.details{grid-template-columns:1fr}.wide{grid-column:auto}.search{grid-template-columns:1fr}.actions,.actions form{display:grid;width:100%}}@media(max-width:420px){.cards{grid-template-columns:1fr}main{width:min(94vw,1180px)}}