:root{--bg:#f4f6f8;--card:#fff;--text:#1c2430;--muted:#6b7686;--line:#dde3ea;--brand:#0f766e;--err:#b42318;--ok:#067647}
@media (prefers-color-scheme:dark){:root{--bg:#10151b;--card:#18202a;--text:#e8edf3;--muted:#9aa6b5;--line:#2a3441;--brand:#2dd4bf;--err:#f97066;--ok:#47cd89}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
a{color:var(--brand)}
.top{display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--card);border-block-end:1px solid var(--line);flex-wrap:wrap}
.grow{flex:1}.muted{color:var(--muted)}.langs a{margin-inline:4px;text-decoration:none;font-size:13px}
.wrap{max-width:960px;margin:0 auto;padding:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;margin-block:16px}
.narrow{max-width:420px;margin-inline:auto}
label{display:block;margin-block:12px;font-size:14px}
input{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}
.btn{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:10px 18px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
.btn.sm{padding:5px 12px;font-size:14px}
.alert{padding:10px 14px;border-radius:8px;margin-block:12px;border:1px solid var(--err);color:var(--err)}
.alert.ok{border-color:var(--ok);color:var(--ok)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.stat{display:flex;flex-direction:column;margin:0}.stat b{font-size:28px}
.badge{padding:2px 10px;border-radius:99px;font-size:12px;border:1px solid var(--line)}
.badge.active{color:var(--ok)}.badge.expired,.badge.suspended,.badge.past_due{color:var(--err)}
table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:8px;border-block-end:1px solid var(--line)}