:root{--bg:#f3f6fb;--ink:#172033;--muted:#6f7889;--line:#dde4ee;--primary:#6f1834;--red:#a32636;--green:#0e7654;--shadow:0 14px 38px rgba(21,31,52,.09)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:14px system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;background:linear-gradient(120deg,#33101c,#771d3a);color:#fff;box-shadow:0 8px 25px rgba(45,9,21,.24)}.brand,.header-actions,.inline{display:flex;align-items:center;gap:10px}.brand small{display:block;opacity:.65;text-transform:uppercase;letter-spacing:1px;font-size:10px}.logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff;color:var(--primary);font-weight:800}.container{width:min(1220px,92vw);margin:32px auto 60px}.page-head{margin-bottom:20px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:5px 0;color:var(--muted)}.grid{display:grid;gap:18px}.card,.auth-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);margin-bottom:20px}.card h2{margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.wide{grid-column:span 2}.stack{display:grid;gap:14px}label{display:grid;gap:6px;font-size:12px;font-weight:650;color:#3f495b}input,select{width:100%;min-height:41px;padding:8px 10px;border:1px solid #d4dce7;border-radius:9px;background:#fff}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:transparent;color:inherit;font-weight:650;cursor:pointer}.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.small{min-height:32px;padding:5px 9px;font-size:12px;border-color:var(--line)}.danger{color:var(--red);background:#fff4f5}.full{width:100%}.table{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse}th{padding:11px 12px;background:#f7f9fc;color:var(--muted);font-size:11px;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:12px;border-top:1px solid var(--line);vertical-align:middle}.empty{text-align:center;color:var(--muted);padding:35px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px}.badge.active{color:var(--green);background:#e6f7f0}.badge.suspended{color:#8a5c13;background:#fff5d9}.badge.revoked{color:var(--red);background:#fdebed}.alert{padding:12px 14px;margin-bottom:15px;border-radius:10px;border:1px solid}.alert.success{color:var(--green);background:#eaf9f3;border-color:#b8e2d3}.alert.error{color:var(--red);background:#fff1f3;border-color:#edc3c9}.auth-body{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#8e3653,#350e1c)}.auth-card{width:min(430px,100%);margin:0}.auth-card h1{margin:16px 0 6px}@media(max-width:800px){.form-grid{grid-template-columns:1fr 1fr}.wide{grid-column:span 2}}@media(max-width:550px){.form-grid{grid-template-columns:1fr}.wide{grid-column:span 1}.header-actions{flex-wrap:wrap}}