.payment-page{color:#102d46;background:linear-gradient(145deg,#eaf5fb,#f8fcff);min-height:100vh}.payment-page>header{background:#fff;border-bottom:1px solid #dce9f2;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,6vw,80px);display:flex}.payment-page>header>span,.payment-notice{color:#738798;font-size:9px}.payment-brand{align-items:center;gap:10px;display:flex}.payment-brand i{color:#fff;background:linear-gradient(145deg,#0b69b5,#20bcd8);border-radius:10px;place-items:center;width:34px;height:34px;font:700 17px serif;display:grid}.payment-brand b{font-size:13px}.payment-card,.payment-success{background:#fff;border:1px solid #dce9f2;border-radius:16px;width:min(660px,100% - 28px);margin:36px auto;padding:28px;box-shadow:0 18px 60px #0b497015}.payment-title small,.payment-success>small{letter-spacing:2px;color:#1278c3;font-size:8px}.payment-title h1,.payment-success h1{margin:7px 0;font:700 30px serif}.payment-title p,.payment-success>p{color:#738798;font-size:10px}.payment-summary{background:#e2ebf2;border:1px solid #e2ebf2;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;display:grid;overflow:hidden}.payment-summary span{color:#758797;background:#f8fbfd;gap:5px;padding:14px;font-size:8px;display:grid}.payment-summary b{color:#19374f;font-size:11px}.payment-summary strong{color:#ef6e54;font:700 22px serif}.payment-countdown{text-align:center;color:#42647d;background:#eef8ff;border-radius:9px;padding:12px;font-size:10px}.payment-countdown b{color:#0875c4;font-size:15px}.payment-methods{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.payment-methods button{text-align:left;background:#fff;border:1px solid #d8e7f1;border-radius:11px;align-items:center;gap:11px;padding:14px;display:flex}.payment-methods button:hover{background:#f4fbff;border-color:#159ad0}.payment-methods button:disabled{opacity:.45}.payment-methods i{color:#1a9a5a;background:#e8f7ef;border-radius:10px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.payment-methods button+button i{color:#1677cf;background:#e8f4ff}.payment-methods span{display:grid}.payment-methods b{font-size:11px}.payment-methods small{color:#80919e;margin-top:3px;font-size:8px}.cancel-payment{color:#738493;background:#fff;border:1px solid #dce5eb;border-radius:8px;width:100%;margin-top:12px;padding:10px}.payment-notice{text-align:center}.payment-error,.form-error{color:#c74e55;background:#fff0f0;border-radius:7px;padding:9px;font-size:9px}.payment-success{text-align:center}.payment-success .payment-brand{justify-content:center}.payment-success .success-check{margin:22px auto 10px}.payment-actions{justify-content:center;gap:10px;display:flex}.payment-actions button,.pay-primary{color:#1477bc;background:#fff;border:1px solid #d4e2eb;border-radius:8px;padding:10px 15px}.payment-actions .pay-primary{color:#fff;background:linear-gradient(90deg,#0a6fbd,#19afd3);border:0}.payment-state{background:#eff7fb;align-content:center;place-items:center;min-height:100vh;display:grid}.settlement-card{padding:25px}.settlement-card>small{letter-spacing:2px;color:var(--blue);font-size:8px}.settlement-card h3{font:700 21px serif}.settlement-card p{color:var(--muted);font-size:9px}.cycle-options{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.cycle-options button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px}.cycle-options button.active{background:var(--blue);color:#fff}.settlement-result{border-radius:8px;padding:10px;color:#26825f!important;background:#e7f8ef!important}.refund-panel{border:1px solid var(--line);background:#f8fbfd;border-radius:9px;margin-top:16px;padding:14px}.refund-panel h4{margin:0;font:700 15px serif}.refund-panel>p{color:var(--muted);font-size:8px}.refund-panel>div{gap:8px;display:flex}.refund-panel input{border:1px solid var(--line);border-radius:7px;flex:1;padding:9px}.refund-panel button{color:var(--blue);background:#fff;border:1px solid #b9d8ec;border-radius:7px;padding:9px 12px}.refund-panel .danger-button{color:#c64c55;background:#fff7f7;border-color:#efc1c4}@media (width<=620px){.payment-page>header>span{display:none}.payment-card,.payment-success{margin:18px auto;padding:20px}.payment-summary,.payment-methods{grid-template-columns:1fr}.refund-panel>div,.payment-actions{display:grid}}