.secret{overflow-wrap:anywhere;padding:12px;background:#f2f7fc;border:1px solid #dce6f0;border-radius:8px;font-family:ui-monospace,monospace}
#mfaRecoveryCodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-left:20px}
#mfaRecoveryCodes li{overflow-wrap:anywhere;font-family:ui-monospace,monospace}
#planCatalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
#planCatalog .card{box-shadow:none}
.traffic-graph{height:180px;display:flex;align-items:flex-end;gap:4px;padding:16px;border:1px solid #d9e5f0;border-radius:12px;background:linear-gradient(180deg,#eef7ff,#fff)}
.traffic-bar{flex:1;min-width:3px;background:#0b74de;border-radius:4px 4px 0 0;transition:height .25s ease}
.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #d9e5f0;text-align:left;vertical-align:middle}.admin-table small{display:block;color:#526a80}.admin-table select{min-width:120px;margin-bottom:6px}.status-dot{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:#8da0b3}.status-dot.online{background:#18a66a;box-shadow:0 0 0 4px rgba(24,166,106,.12)}.event-row{display:grid;grid-template-columns:170px 130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #d9e5f0}.event-row time{color:#526a80}
@media(max-width:800px){.admin-table{display:block;overflow-x:auto}.event-row{grid-template-columns:1fr}.traffic-graph{gap:2px}}
@media(max-width:600px){#mfaRecoveryCodes{grid-template-columns:1fr}}