.stat-icon.payment{background:#f4ead8;color:#97631f}
.stats{grid-template-columns:repeat(3,1fr)}
.sidebar{overflow-y:auto}
.payment-reminder{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid #e4b7af;border-radius:11px;background:#fff0ed;color:#7b3c34;font-size:11px}
.payment-reminder b{padding:4px 8px;border-radius:12px;background:#ad4e42;color:#fff;font-size:9px;white-space:nowrap}
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}
.payment-card{padding:20px;border:1px solid var(--line);border-top:3px solid var(--green2);border-radius:17px;background:rgba(255,254,250,.94);box-shadow:0 10px 34px rgba(24,49,37,.05);transition:.2s}
.payment-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(24,49,37,.09)}
.payment-card.warn{border-top-color:var(--gold)}
.payment-card.danger{border-top-color:var(--danger)}
.payment-head{display:flex;align-items:center;justify-content:space-between}
.payment-head>span{padding:4px 8px;border-radius:12px;background:var(--pale);color:var(--green);font-size:9px;font-weight:700}
.payment-card h4{margin:12px 0 3px;font-size:15px}
.payment-amount{margin:10px 0 13px;color:var(--gold);font-size:13px}
.payment-amount b{font-family:serif;font-size:28px}
.payment-due{display:flex;justify-content:space-between;padding:11px 12px;border-radius:9px;background:#eef3ef;color:var(--green);font-size:10px}
.payment-due.warn{background:#faf0df;color:#936125}
.payment-due.danger{background:#f8e8e5;color:var(--danger)}
.payment-actions{display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid var(--line)}
.payment-actions button{flex:1;padding:8px;border:0;border-radius:7px;background:var(--green);color:#fff;font-size:9px}
.payment-actions button:last-child{background:#f5e7e4;color:var(--danger)}
.payment-actions span{flex:1;color:var(--muted);font-size:9px}
.qr-network-hint{margin-top:7px!important;color:var(--gold)!important;font-weight:700}
.qr-network-hint.danger{padding:8px;border-radius:7px;background:#f8e8e5;color:var(--danger)!important}
.scan-import-guide{margin-bottom:15px;padding:13px 14px;border-radius:10px;background:var(--pale)}
.scan-import-guide b{color:var(--green);font-size:12px}.scan-import-guide p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.scanner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.upload-qr{display:grid;place-items:center;text-align:center}.upload-qr input{display:none}
#qrCamera{width:100%;max-height:310px;margin-bottom:14px;border-radius:12px;background:#111;object-fit:cover}
#scannerDialog{width:min(600px,calc(100% - 30px))}
@media(max-width:1050px){.payment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1300px){.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.payment-grid{grid-template-columns:1fr}.payment-reminder{align-items:flex-start}.stats{grid-template-columns:1fr}.scanner-actions{grid-template-columns:1fr}}