.credits-center{--credits-ink:#183231;--credits-muted:#6f807e;--credits-green:#1f6a5c;--credits-soft:#eef5f1;--credits-paper:#fffdf8;--credits-line:#dce5df;--credits-warm:#f8f3e7}.credits-center .dashboard-page{max-width:980px;padding-top:46px}.credits-center .dashboard-page>.eyebrow{color:var(--credits-green);letter-spacing:1.5px;margin-bottom:10px;font-size:12px}.credits-center .dashboard-page>h1{color:var(--credits-ink);margin-bottom:18px;font-size:clamp(36px,5vw,54px);line-height:1.08}.credits-center .bilingual-subtitle{color:var(--credits-muted);margin-top:8px;font-size:15px;font-weight:500;line-height:1.5;display:block}.credits-center .credit-balance{background:linear-gradient(135deg,#f4f9f6 0%,#fffdf8 100%);border:1px solid #cfe0d8;border-radius:20px;gap:8px;margin:0 0 24px;padding:26px 28px;display:grid;box-shadow:0 12px 32px #2f50460f}.credits-center .credit-balance>span{color:var(--credits-green);letter-spacing:.4px;font-size:13px;font-weight:800}.credits-center .credit-balance>strong{color:var(--credits-ink);letter-spacing:-1px;font:700 clamp(38px,7vw,58px)/1 Georgia,serif}.credits-center .credit-balance>small{color:var(--credits-muted);font-size:13px;line-height:1.6}.credits-center .portal-card{border:1px solid var(--credits-line);background:var(--credits-paper);border-radius:20px;margin-top:22px;padding:28px;box-shadow:0 12px 32px #2f50460d}.credits-center .portal-card>h2{color:var(--credits-ink);letter-spacing:-.4px;margin:0 0 14px;font:30px/1.2 Georgia,serif}.credits-center .portal-card>p{line-height:1.75}.credits-center .muted{font-size:13px;line-height:1.65;color:var(--credits-muted)!important}.credits-center .auth-notice{background:var(--credits-soft);color:#294d47;border:1px solid #cfe0d8;border-radius:14px;margin:16px 0;padding:15px 17px;line-height:1.65}.credits-center .slot-form,.credits-center .teacher-form{gap:17px;margin-top:18px;display:grid}.credits-center .slot-form label,.credits-center .teacher-form label{color:var(--credits-ink);gap:8px;font-size:15px;font-weight:800;line-height:1.45;display:grid}.credits-center .slot-form select,.credits-center .teacher-form input,.credits-center .teacher-form select{width:100%;min-height:48px;color:var(--credits-ink);font:inherit;background:#fff;border:1px solid #cad7d1;border-radius:12px;outline:none;padding:11px 13px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.credits-center .slot-form select:focus,.credits-center .teacher-form input:focus,.credits-center .teacher-form select:focus{border-color:var(--credits-green);background:#fffefa;box-shadow:0 0 0 3px #1f6a5c1a}.credits-center .auth-submit{background:var(--credits-green);color:#fff;border:0;border-radius:999px;justify-self:start;min-height:45px;padding:12px 20px;font-weight:800}.credits-center .topup-package-card>p:first-of-type{color:var(--credits-muted);margin-bottom:20px}.credits-center .topup-package-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.credits-center .topup-package-option{border:1px solid var(--credits-line);min-height:190px;color:var(--credits-ink);text-align:left;background:#fff;border-radius:16px;align-content:start;gap:7px;padding:18px 15px 15px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative}.credits-center .topup-package-option:hover{border-color:#a9c9bc;transform:translateY(-2px);box-shadow:0 10px 24px #1f6a5c14}.credits-center .topup-package-option.selected{border:2px solid var(--credits-green);background:#f2f8f5;padding:17px 14px 14px;box-shadow:0 10px 25px #1f6a5c1a}.credits-center .topup-package-option.featured{background:linear-gradient(#fffdf8 0%,#f5faf7 100%)}.credits-center .topup-package-badge{color:#fff;background:#1f6a5c;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:5px 8px;font-size:9px;font-weight:900;line-height:1.2;display:inline-flex}.credits-center .topup-package-total{color:var(--credits-green);font-size:12px;font-weight:800}.credits-center .topup-package-total b{margin-right:3px;font:700 34px/1 Georgia,serif}.credits-center .topup-package-option>strong{font-size:18px}.credits-center .topup-package-option>small{color:var(--credits-muted);font-size:11px;line-height:1.45}.credits-center .topup-package-option>em{color:#6f765e;margin-top:auto;font-size:10px;font-style:normal;font-weight:800;line-height:1.4}.credits-center .topup-package-summary{background:var(--credits-soft);border-radius:14px;grid-template-columns:1fr auto;gap:8px 18px;margin:18px 0;padding:16px 18px;display:grid}.credits-center .topup-package-summary span{color:var(--credits-muted);font-size:12px;font-weight:700}.credits-center .topup-package-summary b,.credits-center .topup-package-summary strong{color:var(--credits-ink);text-align:right}.credits-center .topup-safety-note{color:var(--credits-muted);font-size:12px;margin:16px 0 0!important}.credits-center .topup-order-credit-note{color:#48635d;background:#f1f7f4;border-radius:12px;margin:-7px 0 18px;padding:12px 14px;font-size:13px}.credits-center .payment-card{background:linear-gradient(#fffdf8 0%,#fbfaf5 100%);border-color:#d7dfd8}.credits-center .payment-card>.eyebrow{color:var(--credits-green);letter-spacing:1.25px;margin-bottom:8px;font-size:11px}.credits-center .payment-card>h2{margin-bottom:20px}.credits-center .payment-card dl{border:1px solid var(--credits-line);background:#fff;border-radius:16px;gap:0;margin:0;display:grid;overflow:hidden}.credits-center .payment-card dl>div{border-bottom:1px solid var(--credits-line);grid-template-columns:minmax(150px,.45fr) 1fr;gap:18px;padding:15px 17px;display:grid}.credits-center .payment-card dl>div:last-child{border-bottom:0}.credits-center .payment-card dt{color:var(--credits-muted);font-size:13px;font-weight:700}.credits-center .payment-card dd{color:var(--credits-ink);word-break:break-word;margin:0;font-weight:800}.credits-center .account-number{letter-spacing:.7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:17px}.credits-center .record-list{gap:12px;margin-top:16px;display:grid}.credits-center .schedule-row{border:1px solid var(--credits-line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.credits-center .schedule-row>div{min-width:0}.credits-center .schedule-row strong{color:var(--credits-ink);line-height:1.45;display:block}.credits-center .schedule-row small{color:var(--credits-muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.credits-center .status{text-align:center;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:800;line-height:1.25}.credits-center .status-pending_payment,.credits-center .status-submitted{background:var(--credits-warm);color:#765f2b}.credits-center .status-approved{color:#27604f;background:#e7f4ed}.credits-center .status-rejected,.credits-center .status-cancelled{color:#8b4b45;background:#f7ebea}@media (max-width:900px){.credits-center .topup-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.credits-center .dashboard-page{padding:34px 16px 64px}.credits-center .dashboard-page>h1{font-size:39px}.credits-center .credit-balance,.credits-center .portal-card{border-radius:16px;padding:20px}.credits-center .portal-card>h2{font-size:26px}.credits-center .topup-package-grid{grid-template-columns:1fr}.credits-center .topup-package-option{min-height:0}.credits-center .topup-package-summary{grid-template-columns:1fr}.credits-center .topup-package-summary b,.credits-center .topup-package-summary strong{text-align:left}.credits-center .payment-card dl>div{grid-template-columns:1fr;gap:5px}.credits-center .schedule-row{flex-direction:column;align-items:flex-start}.credits-center .auth-submit{justify-self:stretch;width:100%}}