.pwl-credit-top { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:36px; gap:6px; padding:6px; font-weight:500; line-height:1; border:0; border-radius:7px; color:var(--pwl-color-text); font-size:14px; white-space:nowrap; text-decoration:none; }
.pwl-credit-top:hover { border-color:var(--pwl-color-bcc4dc); background:var(--pwl-color-fafbfe); }
.pwl-credit-top strong { color:var(--pwl-color-text); font-size:16px; }
.pwl-credit-top .pwl-icon { width:17px; height:17px; color:var(--pwl-color-677185); }
.pwl-credit-content { max-width:1120px; }
.pwl-credit-nav { display:flex; gap:30px; border-bottom:1px solid var(--pwl-color-e8eaf0); margin:0 0 32px; overflow:auto; }
.pwl-credit-nav a { padding:0 0 16px; color:var(--pwl-color-7b8190); font-size:16px; text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; }
.pwl-credit-nav a[aria-current] { color:var(--pwl-color-text); border-bottom-color:var(--pwl-color-text); font-weight:600; }
.pwl-credit-wallet { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:36px 40px; border:1px solid var(--pwl-color-e5e8ef); border-radius:18px; }
.pwl-credit-eyebrow { display:block; font-size:15px; color:var(--pwl-color-text); margin-bottom:14px; }
.pwl-credit-balance { display:block; font-size:44px; letter-spacing:-1.5px; line-height:1.3; color:var(--pwl-color-text); margin:0 0 8px; }
.pwl-credit-balance small { font-size:18px; font-weight:500; letter-spacing:0; }
.pwl-credit-wallet p { font-size:15px; color:var(--pwl-color-text); margin:22px 0 0; }
.pwl-credit-wallet-actions { display:flex; gap:10px; }
.pwl-credit-wallet-actions .pwl-button { min-width:115px; }
.pwl-credit-uses { display:flex; gap:16px; margin:20px 0 36px; }
.pwl-credit-uses>a,.pwl-credit-uses>div { display:flex; align-items:center; flex:1 1 0; gap:14px; min-width:0; padding:23px 18px; border:1px solid var(--pwl-color-eceef2); border-radius:14px; color:inherit; text-decoration:none; }
.pwl-credit-uses>a:hover { border-color:var(--pwl-color-c6cede); }
.pwl-credit-uses h2 { font-size:16px; margin:0 0 7px; }
.pwl-credit-uses p { font-size:13px; color:var(--pwl-color-778091); margin:0; line-height:1.6; }
.pwl-credit-uses h2 small { font-size:11px; color:var(--pwl-color-89909d); font-weight:500; margin-left:5px; }
.pwl-credit-uses>a>.pwl-icon { margin-left:auto; width:15px; flex-shrink:0; }
.pwl-credit-useicon { display:flex; align-items:center; justify-content:center; background:var(--pwl-color-f5f6f9); color:var(--pwl-color-6c768b); width:40px; height:40px; border-radius:12px; flex-shrink:0; }
.pwl-credit-panel { padding:30px; border:1px solid var(--pwl-color-e6e9ef); border-radius:16px; background:var(--pwl-color-white); min-width:0; }
.pwl-credit-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:24px; }
.pwl-credit-heading h2 { margin:0; font-size:20px; }
.pwl-credit-heading>span { color:var(--pwl-color-858c9a); font-size:13px; }
.pwl-credit-filters { display:flex; gap:7px; overflow:auto; padding-bottom:5px; }
.pwl-credit-filters button { background:var(--pwl-color-white); color:var(--pwl-color-7b8391); font:inherit; font-size:14px; border:1px solid var(--pwl-color-e8eaf0); border-radius:20px; padding:8px 14px; white-space:nowrap; cursor:pointer; }
.pwl-credit-filters button[aria-pressed="true"] { background:var(--pwl-color-text); color:var(--pwl-color-white); border-color:var(--pwl-color-text); }
.pwl-credit-empty { padding:54px 16px; text-align:center; }
.pwl-credit-empty>span { display:inline-flex; padding:15px; background:var(--pwl-color-f6f7fa); border-radius:50%; color:var(--pwl-color-929aaa); }
.pwl-credit-empty h3 { font-size:16px; font-weight:500; margin:17px 0 8px; }
.pwl-credit-empty p { font-size:14px; color:var(--pwl-color-8790a0); line-height:1.7; margin:0; }
.pwl-credit-layout { display:flex; gap:28px; align-items:flex-start; }
.pwl-credit-layout>.pwl-credit-panel { flex:1 1 0; }
.pwl-credit-side { flex:0 0 300px; min-width:0; }
.pwl-credit-side a { display:flex; align-items:center; gap:8px; margin-top:28px; color:var(--pwl-color-55627d); font-size:14px; text-decoration:none; }
.pwl-credit-side .pwl-credit-balance { font-size:34px; }
.pwl-credit-presets { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:25px; }
.pwl-credit-presets button { flex:1 1 20%; border:1px solid var(--pwl-color-e1e5ec); border-radius:10px; padding:17px 8px; background:var(--pwl-color-white); color:var(--pwl-color-626d80); cursor:pointer; }
.pwl-credit-presets button strong { display:block; font-size:18px; margin-bottom:6px; }
.pwl-credit-presets button span { font-size:12px; }
.pwl-credit-presets button[aria-pressed="true"] { border-color:var(--pwl-color-brand); color:var(--pwl-color-brand); background:var(--pwl-color-fafbff); box-shadow:inset 0 0 0 1px var(--pwl-color-brand); }
.pwl-credit-field { display:flex; flex-direction:column; gap:10px; font-size:15px; font-weight:600; margin:22px 0 8px; }
.pwl-credit-field small { font-size:13px; color:var(--pwl-color-828b9b); font-weight:400; }
.pwl-credit-field input,.pwl-credit-field textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid var(--pwl-color-dfe3ec); border-radius:9px; padding:13px 14px; color:var(--pwl-color-text); font:inherit; font-weight:400; background:var(--pwl-color-white); }
.pwl-credit-field textarea { resize:vertical; }
.pwl-credit-input { display:flex; align-items:center; border:1px solid var(--pwl-color-dfe3ec); border-radius:9px; padding-right:15px; gap:8px; }
.pwl-credit-input input { border:0; font-size:22px; font-weight:600; }
.pwl-credit-input>span { font-size:14px; color:var(--pwl-color-7d8594); font-weight:400; white-space:nowrap; }
.pwl-credit-muted { font-size:13px; color:var(--pwl-color-818a9b); font-weight:400; line-height:1.7; }
.pwl-credit-method { border:0; padding:0; margin:30px 0; display:flex; gap:20px; flex-wrap:wrap; }
.pwl-credit-method legend { font-size:15px; font-weight:600; margin-bottom:16px; }
.pwl-credit-method label { font-size:14px; color:var(--pwl-color-566176); display:flex; align-items:center; gap:6px; }
.pwl-credit-method input { accent-color:var(--pwl-color-brand); }
.pwl-credit-receipt { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:24px 0 12px; margin-top:25px; border-top:1px solid var(--pwl-color-edf0f4); }
.pwl-credit-receipt>span { color:var(--pwl-color-606b7e); font-size:15px; }
.pwl-credit-receipt strong { font-size:26px; overflow-wrap:anywhere; }
.pwl-credit-submit { width:100%; margin-top:10px; }
.pwl-credit-guide { padding:26px 10px; }
.pwl-credit-guide h2 { font-size:16px; margin:0 0 15px; }
.pwl-credit-guide ul { margin:0; padding-left:18px; color:var(--pwl-color-858d9a); font-size:14px; line-height:1.9; }
.pwl-credit-guide li { margin-bottom:8px; }
.pwl-credit-service { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--pwl-color-9299a6); line-height:1.7; margin:24px 0; }
.pwl-credit-service .pwl-icon { flex-shrink:0; width:16px; }
.pwl-credit-dialog header { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.pwl-credit-dialog h2 { font-size:21px; margin:0; }
.pwl-credit-confirm { padding:8px 0; }
.pwl-credit-confirm>div { display:flex; justify-content:space-between; gap:24px; margin:20px 0; font-size:14px; }
.pwl-credit-confirm dt { color:var(--pwl-color-7b8495); flex-shrink:0; }
.pwl-credit-confirm dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.pwl-credit-generation { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 0; font-size:13px; color:var(--pwl-color-7c8596); border-top:1px solid var(--pwl-color-edf0f4); }
.pwl-credit-generation a { color:var(--pwl-color-56637a); text-decoration:none; }
@media (max-width:1100px) {
.pwl-credit-uses { flex-wrap:wrap; }
.pwl-credit-uses>a,.pwl-credit-uses>div { flex-basis:250px; }
.pwl-credit-side { flex-basis:245px; }
}
@media (max-width:760px) {
.pwl-credit-wallet { padding:25px; align-items:flex-start; flex-direction:column; }
.pwl-credit-wallet-actions { width:100%; }
.pwl-credit-wallet-actions .pwl-button { flex:1; }
.pwl-credit-layout { flex-direction:column; gap:20px; }
.pwl-credit-layout>.pwl-credit-panel,.pwl-credit-side { width:100%; box-sizing:border-box; flex:auto; }
.pwl-credit-panel { padding:22px; }
.pwl-credit-presets button { flex-basis:40%; }
.pwl-credit-nav { gap:26px; }
.pwl-credit-uses { margin-bottom:25px; }
.pwl-credit-top { padding:7px 9px; gap:5px; font-size:12px; }
.pwl-credit-top .pwl-icon { display:block; flex-shrink:0; }
.pwl-credit-top strong { font-size:14px; }
.pwl-credit-heading { align-items:flex-start; flex-direction:column; gap:8px; }
.pwl-credit-generation { flex-wrap:wrap; }
}
@media (max-width:480px) {
.pwl-topactions .pwl-mobilesearch { display:none; }
.pwl-topactions { gap:4px; }
.pwl-credit-top { padding:7px; }
.pwl-credit-top span { font-size:11px; }
}
@media (max-width:360px) {
html { min-width:0; }
.pwl-mobilebrand { font-size:16px; }
.pwl-topbar .pwl-mobilemenu,.pwl-topactions .pwl-notification { width:30px; min-width:30px; }
.pwl-topactions>.pwl-button { min-width:30px; padding:6px; }
}

.pwl-credit-positions{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0 10px;}
.pwl-credit-positions>div{flex:1 1 170px;padding:20px;border:1px solid var(--pwl-line);border-radius:10px;}
.pwl-credit-positions dt{font-size:14px;font-weight:500;}
.pwl-credit-positions dd{margin:12px 0;font-size:24px;font-weight:600;}
.pwl-credit-positions dd span,.pwl-credit-positions small{font-size:12px;color:var(--pwl-muted);}