#dashView #dashAccount.dash-panel{border:0;border-radius:0;padding:0;box-shadow:none;background:transparent}
#dashAccount .dash-setting-content{padding:0;max-width:none}
.account-hero{display:flex;gap:16px;align-items:center;padding:24px 0 30px}.account-hero h3{font-size:28px!important;margin:4px 0!important}.account-hero p{margin:0;color:var(--muted);font-size:14px}.account-avatar{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:22px;background:linear-gradient(135deg,#0069fb,#7948dc);color:#fff;font-size:28px;font-weight:700}
.account-eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700;color:var(--accent)}.account-plan-badge{margin-left:auto;border-radius:30px;background:var(--accent-soft);padding:9px 16px;color:var(--accent);font-size:13px;font-weight:700}
.account-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.account-section{min-width:0;border-radius:20px;background:var(--paper);padding:24px;box-shadow:0 4px 24px #001c6005}.account-section h3{font-size:19px;margin:0 0 12px}.account-section>p,.account-section details p{font-size:13px;line-height:1.7;color:var(--muted)}.account-plan{background:linear-gradient(135deg,var(--accent-soft),var(--paper));border:1px solid var(--accent-border)}
.account-section details{border-bottom:1px solid var(--line)}.account-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:14px 0;cursor:pointer;font-size:14px;font-weight:600}.account-section summary b{font-size:12px;color:var(--accent)}.account-section summary span span,.account-section summary small{display:block;font-size:12px;color:var(--muted);font-weight:400;line-height:1.7;overflow-wrap:anywhere}.account-section summary::after{content:'+';color:var(--accent);font-size:20px}.account-section details[open]>summary::after{content:'?'}.account-section summary:focus-visible,.account-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.account-section form{padding-bottom:18px}.account-section label{display:block;font-size:13px;margin:14px 0}.account-section input{display:block;width:100%;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper)}.account-section [role=status]{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.account-id{overflow-wrap:anywhere;font-size:11px!important}.account-id span{display:block}.account-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;min-height:48px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);text-decoration:none}.account-link-pending{color:var(--muted)}.account-link small{font-size:11px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-section .button{min-height:44px;margin:6px 0}.account-section .button.primary{background:#0069fb;color:#fff}.account-section .button:disabled{opacity:.5}.account-session{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0}.account-session p{font-size:12px;color:var(--muted)}.account-danger{color:#ba2854!important;border:1px solid #ba2854!important}.account-social{display:flex;gap:24px;margin-top:16px}.account-social .account-link{flex:1}.account-section h4{font-size:14px;margin-bottom:4px}.account-section [hidden]{display:none!important}
@media(max-width:700px){.account-layout{grid-template-columns:1fr;gap:16px}.account-section{padding:20px}.account-hero{gap:12px;flex-wrap:wrap;padding-top:10px}.account-avatar{width:50px;height:50px;border-radius:16px}.account-hero h3{font-size:24px!important}.account-plan-badge{padding:7px 12px}.account-actions .button{flex:1 1 150px}}

.account-identity{min-width:0;flex:1}.account-hero .account-id{font-size:11px!important;line-height:1.7;overflow-wrap:anywhere}.account-hero .account-id span{display:block;font-size:11px}.account-hero h3{overflow-wrap:anywhere}
.account-section .account-identity-setting>summary{display:grid;grid-template-columns:minmax(0,1fr) 58px 14px;gap:12px}.account-identity-setting>summary>b{text-align:right}.account-identity-setting>summary::after{text-align:right}.account-section details[open]>summary::after{content:'\2212'}
.account-brand-icon{display:block;width:24px;height:24px;flex:0 0 24px}.account-link>.account-brand-icon+span{flex:1;min-width:0}.account-link{justify-content:initial}.account-link>small,.account-link>span:last-child:not(:nth-child(2)){margin-left:auto}.account-social{gap:18px}.account-social .account-link{gap:9px;flex-wrap:wrap}.account-social .account-link small{flex-basis:100%;padding-left:33px}.account-icon-instagram{color:#bd3a8e}.account-icon-tiktok{color:var(--ink)}
#dashAccount .account-plan{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 95% 0,#00b9ed55,transparent 45%),linear-gradient(135deg,#073eaa,#3636bc 58%,#7046ce);border:0;color:#fff;box-shadow:0 12px 32px #1246bc24}
#dashAccount .account-plan h3{color:#fff;font-size:27px;margin:12px 0;letter-spacing:-.6px}
#dashAccount .account-plan p,#dashAccount .account-plan .account-link,#dashAccount .account-plan summary{color:#f0f3ff}
#dashAccount .account-plan .account-link{border-color:#ffffff35;font-weight:600;--account-icon-eye:#3140b8}
#dashAccount .account-plan .account-link small{color:#d8e3ff;font-weight:400}
#dashAccount .account-plan details{border-color:#ffffff35}.account-plan details[open]>div{padding-bottom:12px}
.account-pro-emblem{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffffff20;border:1px solid #ffffff40;color:#d8eeff}.account-pro-emblem .account-brand-icon{width:30px;height:30px}
#dashAccount .account-plan .button.light{color:#1546ab;background:#fff;border-color:#fff;font-weight:600;margin:14px 0}
#dashAccount .account-plan .button.light:hover{background:#edf4ff}
#dashAccount .account-invite{background:radial-gradient(ellipse at right top,#ffe8a455,transparent 65%),linear-gradient(140deg,var(--accent-soft),var(--paper) 80%)}
.account-invite-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.account-invite-heading h3{margin:0 0 8px;font-size:23px}.account-coin-reward{font-size:28px;font-weight:750;letter-spacing:-.5px;color:#956000}.account-coin-art{width:86px;height:86px;flex-shrink:0;transform:rotate(-12deg);filter:drop-shadow(0 7px 6px #b47b1325)}.account-coin-art .account-brand-icon{width:100%;height:100%}
.account-section .account-delete-details>summary,.account-section .account-delete-details>summary::after{color:#c0274e;font-weight:700}
.account-delete-confirm{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}.account-delete-confirm::backdrop{background:#080c286e}.account-delete-confirm h2{font-size:23px;color:#c0274e;margin:0 0 16px}.account-delete-confirm p{font-size:14px;line-height:1.8;color:var(--muted)}.account-delete-confirm .button{min-height:44px}.account-delete-confirm .account-actions{margin-top:22px}
html[data-app-theme="dark"] .account-coin-reward{color:#ffdc81}html[data-app-theme="dark"] .account-delete-details>summary,html[data-app-theme="dark"] .account-delete-details>summary::after,html[data-app-theme="dark"] .account-delete-confirm h2{color:#ff8da8}html[data-app-theme="dark"] .account-danger{color:#ff8da8!important;border-color:#ff8da8!important}
@media(max-width:420px){.account-hero{align-items:flex-start}.account-hero .account-plan-badge{margin-left:62px;margin-top:-5px}.account-coin-art{width:70px;height:70px}.account-coin-reward{font-size:25px}.account-section .account-identity-setting>summary{grid-template-columns:minmax(0,1fr) 52px 12px;gap:8px}.account-social{gap:12px}.account-social .account-link{font-size:13px}}