.credit-header-badge { padding:8px 14px; border:1px solid #ded5fa; border-radius:24px; background:#f3edff; color:#5b37b2; font-weight:700; cursor:pointer; white-space:nowrap; }
.credit-balance-card { max-width:500px; margin:20px 0; }
.credit-balance-card strong { display:block; font-size:64px; color:#6542ca; line-height:1.25; }
.credit-price-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; margin:18px 0; }
.credit-price-card { display:flex; flex-direction:column; gap:10px; }
.credit-price-card strong { font-size:24px; color:#6542ca; }
.credit-price-card small { color:#7c748b; }
.credit-rule-settings { margin:18px 0; padding:18px; background:#faf8ff; border:1px solid #e8e1f8; border-radius:16px; }
.credit-rule-settings summary { cursor:pointer; font-weight:700; color:#6542ca; margin-bottom:12px; }
.credit-price-inputs { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; }
.credit-permissions { display:flex; flex-wrap:wrap; gap:18px; padding:14px 0; }
.credit-permissions label { display:flex; align-items:center; gap:6px; }
.credit-admin-panel #credit-user-form { margin-top:24px; padding:22px; border:1px solid #e4def1; border-radius:18px; background:#faf8ff; max-width:800px; }
.credit-admin-panel fieldset { border:1px solid #e4def1; border-radius:12px; padding:12px 16px; }
.credit-cost-hint { color:#6542ca; }
.credit-quota-empty { border-color:#efd4c5; background:#fff9f4; }
.credit-quota-empty strong { color:#a34e25; }
.credit-usage-cell { min-width:220px; white-space:normal; line-height:1.8; }
.credit-admin-panel input[type=checkbox] { width:auto; min-height:auto; margin-right:6px; }
@media(max-width:640px) { .credit-price-grid {grid-template-columns:1fr 1fr;} .credit-price-inputs {grid-template-columns:1fr;} .credit-header-badge {font-size:12px;padding:6px 10px;} }