:root{--bg:#09111f;--surface:#111d31;--line:#243550;--text:#e9f0ff;--muted:#91a3bf;--blue:#4d8dff;--green:#39d98a;--yellow:#ffc857;--red:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#172b4b,var(--bg) 45%);color:var(--text);font:15px/1.5 system-ui,sans-serif;min-height:100vh}main{width:min(1180px,94%);margin:40px auto}.card{background:rgba(17,29,49,.94);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 18px 55px #0004;margin-bottom:18px}.auth{max-width:440px;margin:10vh auto}.tag{color:#8ab4ff;font-size:12px;font-weight:800;letter-spacing:.16em}h1{font-size:clamp(30px,5vw,52px);line-height:1;margin:.25em 0}h2{margin-top:0}p,small{color:var(--muted)}label{display:block;margin:14px 0;font-weight:650}input,button{font:inherit;border-radius:10px;border:1px solid var(--line);padding:11px 13px}input{width:100%;background:#0b1526;color:var(--text);margin-top:5px}button{background:var(--blue);color:white;font-weight:750;cursor:pointer;border:0}.auth button{width:100%;margin-top:8px}.alert{background:#4b1d27;color:#ffb9c0;padding:10px;border-radius:10px}.notice{background:#153d32;color:#9df3ca;padding:12px 16px;border-radius:12px;margin-bottom:18px}header{display:flex;justify-content:space-between;align-items:center}.logout{color:#b9cbeb}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats .card{display:flex;flex-direction:column}.stats b{font-size:34px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid input{margin:0}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block}.status{padding:4px 9px;border-radius:99px;background:#243550}.s-active{background:#164a36;color:#83edbd}.s-pending{background:#493c16;color:#ffe08a}.s-suspended,.s-revoked,.s-expired{background:#4d2229;color:#ffb0b8}.actions{display:flex;gap:5px;min-width:390px}.actions input[type=date]{width:145px;margin:0}.actions button{padding:7px}.ok{background:#23865d}.warn{background:#9a6d10}.danger{background:#a83c4b}@media(max-width:800px){.stats,.grid{grid-template-columns:1fr}header{align-items:flex-start}.actions{min-width:360px}main{margin:20px auto}}