.payment-dashboard-page{gap:18px;display:grid}.payment-dashboard-heading{justify-content:space-between;align-items:flex-start;gap:18px;padding:2px 2px 4px;display:flex}.payment-dashboard-heading h2{color:#063f38;letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,2.6vw,2.5rem)}.payment-dashboard-heading h2 span{color:#00a56a}.payment-dashboard-heading .muted{margin:7px 0 0}.payment-eyebrow{color:#008c61;letter-spacing:.14em;margin:0 0 7px;font-size:.72rem;font-weight:800}.payment-dashboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.payment-filter-card{background:linear-gradient(135deg,#f5fffb,#f4f9ff);border:1px solid #cfe3e5;border-radius:15px;grid-template-columns:minmax(170px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) auto 1fr;align-items:end;gap:12px;padding:16px;display:grid;box-shadow:0 9px 22px #1e5b600f}.payment-filter-field{gap:6px;display:grid}.payment-filter-field label{color:#4e6780;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:800}.payment-filter-field input,.payment-filter-field select{color:#153d52;min-height:42px;font:inherit;background:#fff;border:1px solid #bfd4dd;border-radius:9px;padding:0 11px;font-size:.88rem}.payment-refresh{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#07825f;border:0;border-radius:9px;padding:0 16px;font-weight:800;box-shadow:0 5px 13px #07825f33}.payment-refresh:hover{background:#056c50;transform:translateY(-1px)}.payment-filter-result{color:#5f7990;white-space:nowrap;align-self:center;padding:0 4px;font-size:.82rem}.payment-loading,.payment-error{border-radius:11px;padding:14px 16px;font-weight:700}.payment-loading{color:#29628a;background:#f0f8ff}.payment-error{color:#b32d3d;background:#fff0f0}.payment-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.payment-summary-card{background:#fff;border:1px solid #d7e4e6;border-left:4px solid #00a56a;border-radius:14px;align-items:center;gap:12px;min-height:105px;padding:15px;display:flex;box-shadow:0 8px 19px #0f41460f}.payment-summary-card.web{background:linear-gradient(135deg,#f7fbff,#fff);border-left-color:#2877ef}.payment-summary-card.app{background:linear-gradient(135deg,#fbf8ff,#fff);border-left-color:#8156e8}.payment-summary-card.today{background:linear-gradient(135deg,#fffdf5,#fff);border-left-color:#ee9b16}.payment-summary-card.month{background:linear-gradient(135deg,#f6fffb,#fff);border-left-color:#08a56a}.payment-summary-icon{color:#07855f;background:#e8f7f1;border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:1.1rem;display:grid}.payment-summary-card.web .payment-summary-icon{color:#2877ef;background:#eaf2ff}.payment-summary-card.app .payment-summary-icon{color:#8156e8;background:#f1ecff}.payment-summary-card.today .payment-summary-icon{color:#d48600;background:#fff4d8}.payment-summary-card small,.payment-summary-card em{color:#627b91;font-size:.72rem;font-style:normal;display:block}.payment-summary-card strong{color:#073d3b;margin:3px 0;font-size:1.18rem;display:block}.payment-report-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:16px;display:grid}.payment-report-card{background:#fff;border:1px solid #d5e3e4;border-radius:15px;min-width:0;padding:18px;box-shadow:0 8px 19px #0f41460d}.payment-card-title{border-bottom:1px solid #e3eeee;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:14px;display:flex}.payment-card-title h3{color:#063f38;margin:0;font-size:1.08rem}.payment-card-title p{color:#6d8291;margin:4px 0 0;font-size:.78rem}.payment-card-title>span{color:#07825f;white-space:nowrap;font-weight:800}.payment-bars{gap:13px;padding:16px 0 6px;display:grid}.payment-bar-row{gap:6px;display:grid}.payment-bar-label{color:#46667c;justify-content:space-between;font-size:.79rem;display:flex}.payment-bar-label b{color:#143c4a}.payment-bar-track{background:#edf4f3;border-radius:99px;height:10px;display:flex;overflow:hidden}.payment-bar-track span{min-width:0}.payment-bar-web{background:#2877ef}.payment-bar-app{background:#8156e8}.payment-bar-row small{color:#78909c;font-size:.68rem}.payment-legend{color:#60788a;gap:16px;padding-top:8px;font-size:.74rem;display:flex}.payment-legend span{align-items:center;gap:5px;display:flex}.payment-dot{border-radius:50%;width:9px;height:9px}.payment-dot.web{background:#2877ef}.payment-dot.app{background:#8156e8}.payment-service-list{gap:14px;padding-top:16px;display:grid}.payment-service-row{grid-template-columns:minmax(105px,.85fr) minmax(80px,1fr) auto;align-items:center;gap:10px;display:grid}.payment-service-name span{color:#174b54;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;display:block;overflow:hidden}.payment-service-name small{color:#8295a0;font-size:.68rem}.payment-service-meter{background:#edf5f2;border-radius:99px;height:8px;overflow:hidden}.payment-service-meter span{border-radius:inherit;background:linear-gradient(90deg,#08a56a,#62cda3);height:100%;display:block}.payment-service-row strong{color:#07825f;white-space:nowrap;font-size:.8rem}.payment-empty{color:#78909c;text-align:center;margin:22px 0 8px}@media (width<=1100px){.payment-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-refresh{width:max-content}.payment-filter-result{grid-column:span 2}.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-report-grid{grid-template-columns:1fr}}@media (width<=650px){.payment-dashboard-heading{display:grid}.payment-dashboard-actions{justify-content:flex-start}.payment-filter-card{grid-template-columns:1fr}.payment-filter-result{grid-column:auto}.payment-summary-grid{grid-template-columns:1fr}.payment-service-row{grid-template-columns:1fr auto}.payment-service-meter{grid-area:2/1/auto/-1}.payment-service-row strong{grid-area:1/2}}