.admin-center { display:grid; gap:18px; margin:0 0 24px; }
.admin-center__heading { display:flex; align-items:end; justify-content:space-between; gap:16px; }
.admin-center__heading h2 { margin:0 0 5px; font-size:20px; }
.admin-center__heading p:not(.eyebrow) { margin:0; color:var(--muted); font-size:13px; }
.admin-center__summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.admin-center__summary .card { padding:17px; }
.admin-center__summary span,.admin-center__summary small { display:block; color:var(--muted); }
.admin-center__summary span { font-size:12px; margin-bottom:9px; }
.admin-center__summary strong { display:block; font-size:23px; letter-spacing:-.5px; }
.admin-center__summary small { margin-top:5px; font-size:10px; line-height:1.45; }
.admin-center__grid { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; }
.admin-alerts { min-height:160px; }
.admin-alert-item { display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-top:1px solid var(--line); }
.admin-alert-item:first-child { border-top:0; padding-top:0; }
.admin-alert-dot { width:9px; height:9px; margin-top:4px; border-radius:50%; flex:none; background:#e2a13d; }
.admin-alert-item.critical .admin-alert-dot { background:#ce4353; }
.admin-alert-item.info .admin-alert-dot { background:#5689e8; }
.admin-alert-item strong { display:block; font-size:12px; }
.admin-alert-item p { margin:3px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }
.admin-alerts-ok { color:#248e65; font-weight:700; }
.admin-diagnostic-intro { display:flex; flex-direction:column; justify-content:space-between; gap:20px; }
.admin-diagnostic-intro p { color:var(--muted); font-size:12px; line-height:1.55; margin:7px 0 0; }
.admin-health-table table { min-width:1020px; }
.admin-health-table td { vertical-align:middle; }
.admin-health-client strong,.admin-health-client small { display:block; }
.admin-health-client small { margin-top:4px; color:var(--muted); }
.health-pill { display:inline-flex; align-items:center; gap:5px; border-radius:20px; padding:5px 9px; font-size:11px; font-weight:700; background:#eef2f7; color:#657084; white-space:nowrap; }
.health-pill::before { content:""; width:6px; height:6px; border-radius:50%; background:#8f98aa; }
.health-pill.ok { background:#e8f7ef; color:#247a57; }
.health-pill.ok::before { background:#28a873; }
.health-pill.warning { background:#fff4df; color:#95611d; }
.health-pill.warning::before { background:#e29a2d; }
.health-pill.critical { background:#fff0f1; color:#a83747; }
.health-pill.critical::before { background:#ce4353; }
.health-subtext { display:block; margin-top:5px; color:var(--muted); font-size:10px; }
.admin-table-actions { display:flex; gap:7px; }
.admin-table-actions button { white-space:nowrap; }
#adminDiagnosticModal,#planLimitsModal { width:min(820px,calc(100vw - 32px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow-x:hidden; overflow-y:auto; }
.admin-diagnostic-modal,.admin-plan-modal { width:auto; min-width:0; max-width:100%; }
.admin-plan-modal .form-grid,.admin-diagnostic-modal .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-plan-modal .form-grid > *, .admin-diagnostic-modal .form-grid > * { min-width:0; }
.admin-diagnostic-modal > .save-button { margin:18px 0 4px; }
.admin-diagnostic-results { display:grid; gap:9px; margin-top:18px; min-width:0; }
.admin-check { display:grid; grid-template-columns:24px 1fr; gap:10px; padding:12px; border:1px solid var(--line); border-radius:8px; }
.admin-check > span { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:#fff0f1; color:#ad3444; font-weight:900; }
.admin-check.ok > span { background:#e6f7ef; color:#22835d; }
.admin-check strong { display:block; font-size:13px; }
.admin-check p { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }
.admin-scenario-title { margin:10px 0 0; font-size:14px; }
.admin-plan-modal h3 { margin:22px 0 5px; font-size:15px; }
.admin-rate-grid { display:grid; grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr)); gap:8px 10px; align-items:center; width:100%; }
.admin-rate-grid strong { font-size:11px; color:var(--muted); }
.admin-rate-grid label { font-size:12px; font-weight:700; }
.admin-rate-grid input { min-width:0; max-width:100%; width:100%; height:40px; border:1px solid #dddfe8; border-radius:7px; padding:0 10px; }
.admin-plan-modal h3 { margin-top:20px; }
.admin-plan-modal .form-note { margin-top:0; }
.admin-plan-modal .modal-actions { position:sticky; bottom:0; background:#fff; padding-top:14px; border-top:1px solid var(--line); }
.usage-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
.usage-provider-list { display:grid; gap:3px; font-size:10px; color:var(--muted); }
.usage-limit-list { display:grid; gap:4px; min-width:175px; }
.usage-limit-row { display:grid; grid-template-columns:74px 1fr auto; gap:6px; align-items:center; font-size:10px; }
.usage-mini-progress { height:5px; background:#eceef3; border-radius:5px; overflow:hidden; }
.usage-mini-progress span { display:block; height:100%; background:#7767e8; }
.usage-mini-progress.warning span { background:#e39b32; }
.usage-mini-progress.exceeded span { background:#cc4454; }
@media (max-width:1050px) { .admin-center__summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-center__grid { grid-template-columns:1fr; } .usage-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .admin-center__heading { align-items:flex-start; flex-direction:column; } .admin-center__summary,.usage-summary { grid-template-columns:1fr; } #adminDiagnosticModal,#planLimitsModal { width:calc(100vw - 24px); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); } .admin-diagnostic-modal,.admin-plan-modal { padding:22px 18px; } .admin-plan-modal .form-grid,.admin-diagnostic-modal .form-grid { grid-template-columns:minmax(0,1fr); } .admin-rate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .admin-rate-grid > span { display:none; } .admin-rate-grid label { grid-column:1/-1; margin-top:5px; } .admin-plan-modal .modal-actions { gap:8px; } .admin-plan-modal .modal-actions > button { flex:1 1 0; min-width:0; padding-inline:10px; } }