.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{gap:var(--space-2);padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.stat-head{align-items:center;gap:var(--space-2);display:flex}.stat-icon{border-radius:var(--radius-md);place-items:center;width:34px;height:34px;display:grid}.stat-icon.tone-danger{background:var(--danger-soft);color:var(--danger-text)}.stat-icon.tone-success{background:var(--success-soft);color:var(--success-text)}.stat-icon.tone-brand{background:var(--brand-soft);color:var(--brand-text)}.stat-icon.tone-info{background:var(--info-soft);color:var(--info-text)}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-hint{font-size:var(--text-xs);color:var(--text-faint)}.pay-alert{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--warning-soft-border);border-radius:var(--radius-lg);background:var(--warning-soft);display:flex}.pay-alert>svg{color:var(--warning);flex:none}.pay-alert strong{font-size:var(--text-base);color:var(--text-primary)}.pay-alert p{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.methods-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.methods-list li{align-items:flex-start;gap:var(--space-3);display:flex}.method-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);flex:none;place-items:center;display:grid}.methods-list strong{font-size:var(--text-sm);color:var(--text-primary)}.methods-list p{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.recent-payment{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.recent-payment:last-child{border-bottom:0}.recent-icon{border-radius:var(--radius-md);background:var(--bg-muted);width:32px;height:32px;color:var(--text-secondary);flex:none;place-items:center;display:grid}.recent-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.recent-main strong{font-size:var(--text-sm);color:var(--text-primary)}.recent-main span{font-size:var(--text-xs);color:var(--text-muted)}.recent-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.recent-right strong{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.muted-text{font-size:var(--text-sm);color:var(--text-muted)}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-item:last-child{border-bottom:0}.faq-item summary{padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer}.faq-item p{padding-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.modal-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.modal-close{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.pay-summary{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.pay-summary div{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pay-summary span{font-size:var(--text-sm);color:var(--text-muted)}.pay-summary strong{font-size:var(--text-md);font-variant-numeric:tabular-nums}.pay-phone{gap:var(--space-2);flex-direction:column;display:flex}.pay-phone label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.pay-phone input{min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);font-family:inherit;font-size:var(--text-base);color:var(--text-primary)}.pay-phone input:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.pay-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--danger-soft-border);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-text);font-size:var(--text-sm)}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--brand);color:var(--text-on-brand);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;border:0;display:inline-flex}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.is-loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.btn-ghost{min-height:42px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;align-items:center;display:inline-flex}.btn-ghost:hover{background:var(--bg-muted);color:var(--text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.stats-grid{grid-template-columns:minmax(0,1fr)}}