.account-menu{position:relative;flex-shrink:0}.account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline:3px solid #128a9d;outline-offset:3px}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:236px;background:#fff;border:1px solid #c8d5d9;border-radius:16px;box-shadow:0 14px 45px #1f445626;padding:8px;z-index:110}.account-caption{padding:10px 12px 14px;border-bottom:1px solid #e0e7e9;margin-bottom:5px;display:grid;gap:5px}.account-caption small{overflow:hidden;text-overflow:ellipsis;color:#567079}.account-dropdown button{display:flex;align-items:center;gap:11px;min-height:44px;width:100%;padding:10px 12px;text-align:left;border:0;background:transparent;border-radius:9px;color:#233e49;font:inherit;cursor:pointer}.account-dropdown button:hover{background:#edf5f6}.account-dropdown button.account-logout{margin-top:5px;border-top:1px solid #e0e7e9;color:#b43e3e}.account-dropdown svg{width:18px;height:18px}.recharge-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.recharge-summary strong{font-size:26px;color:#173e4d}.recharge-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.recharge-amounts button{min-height:86px;border:1px solid #b9cdd3;background:#f8fcfc;border-radius:12px;display:grid;justify-content:center;align-content:center;gap:7px;cursor:pointer;color:#183e4b}.recharge-amounts button:hover{border-color:#178295;background:#e8f5f6}.recharge-amounts strong{font-size:23px}.recharge-amounts small{color:#476a74}.recharge-hint{color:#567079;font-size:13px;line-height:1.7}.recharge-status{display:grid;justify-items:center;text-align:center;gap:12px;padding:20px 0}.recharge-status h3{margin:0}.recharge-status p{margin:0;line-height:1.7;color:#52707b;max-width:400px}.recharge-status .recharge-total{font-size:34px;color:#143c48}.recharge-order-id{font:12px ui-monospace,monospace;color:#6b7c83;overflow-wrap:anywhere}.recharge-qr{background:#fff;padding:12px;border:1px solid #c6d6da;border-radius:12px;width:220px;height:220px}.recharge-status .btn{min-height:44px}.recharge-list{display:grid;gap:10px}.recharge-record{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d4e1e4;border-radius:12px}.recharge-record div{display:grid;gap:6px}.recharge-record small{color:#5b737d}.recharge-record strong{color:#173f4a}.recharge-spinner{width:30px;height:30px;border:3px solid #d8e8ec;border-top-color:#187a90;border-radius:50%;animation:recharge-spin .9s linear infinite}@keyframes recharge-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.recharge-spinner{animation:none}}@media(max-width:560px){.recharge-amounts{gap:8px}.recharge-amounts button{min-height:75px}.account-dropdown{width:220px}.recharge-summary strong{font-size:22px}}