/* Blue and champagne member center. No invented account metrics. */
.account-view{background:radial-gradient(ellipse at 100% 5%,#d9eaff,transparent 48%),#eff5fc}
.account-view .route-page{padding:18px 16px 8px;min-height:0}
.account-view .page-heading{justify-content:center;position:relative;min-height:44px;margin-bottom:17px}
.account-view .page-heading h1{font-size:22px;letter-spacing:.12em}
.account-view .back-button{position:absolute;left:0;background:#fff9;border-color:#d1e1f4;width:40px;height:40px;font-size:23px}
.account-center svg,.account-detail svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.account-hero{position:relative;isolation:isolate;overflow:hidden;padding:19px 22px 20px;border:1px solid #a8c6ed;border-radius:26px;color:#fff;background:radial-gradient(ellipse at 95% 0,#256ec0a6,transparent 65%),linear-gradient(125deg,#113f75,#041d40);box-shadow:inset 0 1px 0 #e8f5ff45,0 12px 25px #133e7a25}
.account-hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-75px;top:28px;width:245px;height:245px;border:1px solid #e8c8803b;border-radius:50%;box-shadow:0 0 0 30px #89bfff08,0 0 0 65px #89bfff06}
.account-brand-line{display:flex;align-items:center;gap:9px;padding-bottom:14px;border-bottom:1px solid #e3efff25;color:#c7dcf6;font-size:13px;letter-spacing:.08em}
.account-brand-line img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 3px #0004)}
.account-brand-star{margin-left:auto;color:#efce84;font-size:23px}
.account-identity{display:flex;align-items:center;gap:14px;padding:20px 0 17px}
.account-avatar{display:grid;place-items:center;overflow:hidden;width:76px;height:76px;flex-shrink:0;border:1.5px solid #e5c87e;border-radius:50%;background:#082958;box-shadow:inset 0 1px 5px #fff5,0 4px 12px #001c3d70}
.account-avatar img{width:100%;height:100%;object-fit:cover;filter:none}
.account-name{min-width:0}.account-name h2{margin:0 0 6px;font-size:24px;line-height:1.4;overflow-wrap:anywhere;font-weight:900;letter-spacing:.015em}.account-name p{margin:0;color:#bfd6f0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.account-vip{display:flex;align-items:center;gap:8px;width:100%;min-height:43px;border-radius:11px;border:1px solid #d6b7775c;background:linear-gradient(110deg,#ffe1a326,#ffe1a309);padding:8px 11px;color:#ffe2a1;text-align:left}
.account-vip svg{width:20px;height:20px}.account-vip strong{font-size:16px}.account-vip span{margin-left:auto;font-size:13px;color:#eddbb6}.account-vip b{font-size:23px;line-height:1}
.account-balance{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}
.account-balance>div{min-width:0}.account-balance>div>span{color:#c2d9f4;font-size:14px;letter-spacing:.08em}.account-balance strong{display:block;font-size:38px;line-height:1.25;letter-spacing:.025em;font-variant-numeric:tabular-nums;margin-top:4px;overflow-wrap:anywhere;text-shadow:0 2px 12px #70acff26}
.account-refresh{width:44px;height:44px;margin:0;border:1px solid #e1efff36;background:#7ab5ff14;color:#dbeeff;border-radius:14px}.account-balance-note{color:#bcd4f2;font-size:14px;white-space:nowrap}
.account-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin:14px 0 25px;padding:7px;background:linear-gradient(120deg,#fffdf6,#f4e7c9);border:1px solid #ddc994;border-radius:20px;box-shadow:inset 0 1px 1px #fff,0 6px 14px #7c6a3320}
.account-finance button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:57px;padding:8px 4px;color:#674b1f;border-radius:13px}.account-finance button+button::before{content:"";position:absolute;left:-1px;top:20%;height:60%;width:1px;background:#ae905b40}.account-finance button>span{display:flex;color:#9c722f}.account-finance strong{font-size:17px;font-weight:900;white-space:nowrap}.account-finance b{display:none}
.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 13px}.account-section-heading h2{font-size:19px;letter-spacing:.05em;margin:0;font-weight:900}.account-section-heading>span{font-size:10px;letter-spacing:.12em;color:#637f9e}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #d6e3f2;border-radius:23px;overflow:hidden;background:#dfe9f5;box-shadow:0 7px 20px #153d7310}
.account-grid button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:17px 4px 16px;min-height:116px;background:linear-gradient(145deg,#fff,#f7faff);color:#163b68}
.account-service-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid #b4cce9;border-radius:16px;background:linear-gradient(140deg,#214f84,#0a2d59);color:#ffe0a0;box-shadow:inset 0 1px 1px #d4eaff66,0 4px 9px #113f711a}
.account-service-icon svg{width:27px;height:27px;filter:drop-shadow(0 1px 1px #0002);transition:transform var(--motion)}.account-grid strong{font-size:15px;font-weight:900;line-height:1.45;white-space:nowrap}.account-grid button:last-child{grid-column:2/4;flex-direction:row;gap:16px}
.account-logout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:21px;color:#45668c;border:1px solid #bed2e8;border-radius:15px;background:#fff8;font-size:16px;font-weight:900}.account-logout svg{width:19px;height:19px}
.account-view .site-footer{padding-top:22px}.account-guest-actions{display:grid;grid-template-columns:1fr}.account-guest-actions button{font-size:15px;margin:0;min-height:45px}
.account-detail h2{overflow-wrap:anywhere}.account-detail dl{margin:20px 0}.account-detail dl>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e1eaf6;font-size:16px}.account-detail dt{color:#607c99;flex-shrink:0}.account-detail dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}
.account-empty{text-align:center}.account-empty-icon{display:grid;place-items:center;margin:3px auto 25px;width:76px;height:76px;border-radius:24px;background:linear-gradient(140deg,#174b86,#082850);border:1px solid #d5b875;box-shadow:0 8px 18px #193c6b20;color:#ffe0a0}.account-empty-icon svg{width:36px;height:36px}
.account-wallet-total{padding:20px;border-radius:18px;color:white;background:linear-gradient(125deg,#17548e,#052650)}.account-wallet-total>span{font-size:15px;color:#ccdef1}.account-wallet-total strong{display:block;font-size:34px;margin:10px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.account-wallet-total .text-button{color:#ffe2a4;white-space:normal}
@media(hover:hover){.account-vip:hover{background:#b890493d;color:#fff0c6}.account-refresh:hover{background:#579eef42;color:white}.account-finance button:hover{background:#fff8df;color:#775015}.account-grid button:hover{background:linear-gradient(140deg,#f8fcff,#dcecff);color:#0064d4;transform:none}.account-grid button:hover svg{transform:translateY(-2px) rotate(-5deg)}.account-logout:hover{background:#dceaff;color:#15569d}}
@media(max-width:360px){.account-view .route-page{padding:14px 12px 8px}.account-hero{padding:16px 18px 18px}.account-name h2{font-size:21px}.account-avatar{width:68px;height:68px}.account-identity{gap:11px}.account-finance{padding:5px}.account-finance button{gap:5px}.account-finance strong{font-size:16px}.account-finance svg{width:21px;height:21px}.account-grid strong{font-size:14px}.account-grid button{min-height:108px;padding-block:14px}.account-section-heading>span{font-size:9px}}