@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap");:root{--bg:#0f1419;--surface:#1a2332;--surface-2:#243044;--border:#2e3d52;--text:#e8edf4;--muted:#8b9cb3;--gold:#c9a227;--gold-dim:#9a7b1c;--green:#34a853;--red:#e57373;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--gold)}button,input,select,textarea{font:inherit}.container{max-width:1100px;margin:0 auto;padding:24px 20px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#1a1200}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#5c2b2b;color:#ffcdd2;border:1px solid #7a3a3a}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text)}.field textarea{min-height:80px;resize:vertical;font-family:Consolas,Monaco,monospace;font-size:13px}.badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:999px}.badge-active{background:rgba(52,168,83,.2);color:#81c995}.badge-inactive{background:hsla(0,69%,67%,.2);color:#ef9a9a}.badge-warn{background:rgba(201,162,39,.2);color:#f0d78c}.badge-revoked{background:hsla(0,69%,67%,.28);color:#ffcdd2}.badge-plan{background:rgba(139,156,179,.18);color:#b8c5d6}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-card .stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-value{font-size:28px;font-weight:700;margin-top:4px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;min-width:920px;border-collapse:collapse;font-size:14px}.table-wrap td,.table-wrap th{padding:12px 14px;vertical-align:top}.table-wrap thead tr{background:var(--surface-2);text-align:left}.table-wrap tbody tr{border-top:1px solid var(--border)}.table-wrap tbody tr:hover{background:hsla(0,0%,100%,.02)}.sites-list{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.expiry-sub{display:block;font-size:11px;margin-top:3px}.expiry-sub.is-warn{color:var(--gold)}.expiry-sub.is-danger{color:#ef9a9a}.expiry-sub.is-ok{color:var(--muted)}.copy-btn{padding:4px 8px;font-size:11px;margin-left:6px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.detail-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px}.detail-item span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.detail-item strong{font-size:14px;font-weight:600}.mono{font-family:Consolas,Monaco,monospace;font-size:13px}.toast{padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}.toast-error{background:hsla(0,69%,67%,.15);border:1px solid hsla(0,69%,67%,.35);color:#ffcdd2}.toast-success{background:rgba(52,168,83,.15);border:1px solid rgba(52,168,83,.35);color:#b7e1c0}