.account-page{min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(30,66,216,.2),transparent 34%),var(--near-black);padding-bottom:90px}.account-shell{max-width:760px;margin:0 auto;padding:34px 20px}.account-top{display:flex;align-items:center;gap:16px;margin-bottom:34px}.account-back{color:var(--yellow);font-size:14px;font-weight:700}.account-title h1{margin:8px 0 5px;font-size:32px}.account-title p{margin:0;color:var(--text-dim);font-size:13px}.account-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.account-balance{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.account-balance span{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.account-balance strong{display:block;margin-top:5px;color:var(--yellow);font:800 28px Sora,sans-serif}.account-form{display:grid;gap:15px}.account-form label{display:grid;gap:7px;color:var(--text-dim);font-size:12px;font-weight:700}.account-form input,.account-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);font:14px Inter,sans-serif}.account-form input:focus,.account-form select:focus{outline:none;border-color:var(--yellow)}.account-note{padding:12px;border-left:3px solid var(--yellow);background:rgba(255,197,49,.08);color:var(--text-dim);font-size:12px;line-height:1.6}.account-message{min-height:20px;color:var(--text-dim);font-size:13px}.account-message.error{color:var(--down)}.account-message.success{color:var(--up)}.account-submit{width:100%;padding:13px}.record-list{display:grid;gap:10px}.record-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.record-main{min-width:0}.record-main strong{display:block;color:var(--text);font-size:13px}.record-main small{display:block;margin-top:5px;color:var(--text-dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-value{text-align:right;white-space:nowrap;font-weight:800}.record-value.positive{color:var(--up)}.record-value.negative{color:var(--down)}.record-value.pending{color:var(--yellow)}.empty-records{padding:30px;text-align:center;color:var(--text-dim);font-size:13px}.record-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:16px}.record-tab{padding:0 0 12px;border:0;background:transparent;color:var(--text-dim);font:700 13px Inter,sans-serif;cursor:pointer}.record-tab.active{color:var(--text);border-bottom:2px solid var(--yellow)}
.payment-methods{display:flex;gap:18px;flex-wrap:wrap}.payment-methods label{display:flex;align-items:center;gap:8px;color:var(--text);cursor:pointer}.payment-methods input{width:auto}.card-fields{display:grid;gap:15px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hidden{display:none!important}
@media(max-width:560px){.account-shell{padding:24px 14px}.account-title h1{font-size:27px}.account-panel{padding:16px}.record-item{align-items:flex-start;flex-direction:column}.record-value{text-align:left}.wallet-actions-grid{grid-template-columns:1fr}.wallet-links{grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}}