:root{color-scheme:dark;--bg:#0b1320;--panel:#111e2e;--line:#29394a;--text:#e5edf4;--muted:#9fadc0;--accent:#5ed3c2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,sans-serif}header{display:flex;align-items:center;gap:20px;padding:20px 32px;border-bottom:1px solid var(--line)}header strong{font-size:20px}header span{font-weight:400;color:var(--muted)}header button{margin-left:auto}main{max-width:1600px;margin:auto;padding:28px}h1{font-size:27px;letter-spacing:-.7px;margin:8px 0}h2{font-size:18px;margin:26px 0 14px}p,small{color:var(--muted)}.heading{display:flex;align-items:center;justify-content:space-between}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr);gap:32px}aside,#login{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:12px}#login{max-width:420px;margin:40px auto}form{display:grid;gap:12px}.inline{grid-template-columns:1fr 1fr auto;align-items:end}label{display:grid;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}input,select,textarea,button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px;max-width:100%}textarea{width:100%;resize:vertical;font-family:ui-monospace,monospace}button{cursor:pointer;padding:9px 14px}button:hover{border-color:var(--accent);color:var(--accent)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted)}td button{display:block;margin-bottom:6px}.muted{color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}details{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-weight:600}#message{white-space:pre-wrap;color:var(--accent)}#message.error{color:#ff8e98}#audit{max-height:300px;overflow:auto;font-size:12px}.audit-row{border-bottom:1px solid var(--line);padding:9px 0}[hidden]{display:none!important}@media(max-width:1000px){.columns{grid-template-columns:1fr}.inline{grid-template-columns:1fr}header{padding:16px}main{padding:16px}}

.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0}.metric{display:grid;gap:6px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric strong{font-size:28px}.metric span{color:var(--muted)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}tr[data-status="grace"] td:first-child{border-left:3px solid #e4b96a}tr[data-status="expired"] td:first-child,tr[data-status="revoked"] td:first-child{border-left:3px solid #ef8794}tr[data-status="active"] td:first-child{border-left:3px solid var(--accent)}@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.metrics{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}}
.table-wrap table{min-width:960px}td{vertical-align:top;white-space:pre-line}td:first-child{max-width:250px;overflow-wrap:anywhere}td:last-child{min-width:160px}td:last-child button{display:block;width:100%;margin:0 0 6px}.table-wrap{overscroll-behavior-x:contain}#audit{max-height:340px;overflow:auto}