.account-dialog{padding:0;width:min(960px,calc(100% - 48px));max-width:none;max-height:min(850px,calc(100dvh - 64px));color:#eae2f4;background:#17121f;border:1px solid #574066;border-radius:22px;overflow:hidden;box-shadow:0 35px 140px #000a;animation:accountEnter .4s cubic-bezier(.16,1,.3,1)}
.account-dialog::backdrop{background:#090611b8;backdrop-filter:blur(12px)}
.account-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px 23px;border-bottom:1px solid #392a46;background:radial-gradient(ellipse at 20% 0,#70459933,transparent 70%),#1d1728}
.account-header .eyebrow{font-size:9px;letter-spacing:2.1px;color:#ab8dbf}.account-header h2{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.3}.account-header h2>span{color:#bf90ff}.account-header .icon-button{border:1px solid #483452;background:#33223e55;width:37px;height:37px}
.account-layout{display:grid;grid-template-columns:223px minmax(0,1fr);height:min(670px,calc(100dvh - 176px));min-height:0}.account-aside{padding:27px 17px 20px;background:linear-gradient(170deg,#21182d,#18131f);border-right:1px solid #392a46;display:flex;flex-direction:column;gap:25px;overflow:auto}.account-summary{text-align:center;min-width:0}.account-avatar{--account-accent:#ad82ff;width:68px;height:68px;border-radius:21px;display:grid;place-items:center;font:500 25px var(--display);color:var(--account-accent);border:1px solid color-mix(in srgb,var(--account-accent) 45%,transparent);background:radial-gradient(ellipse at 20% 0,color-mix(in srgb,var(--account-accent) 22%,transparent),#30203f);box-shadow:0 9px 24px #0003;overflow:hidden;flex-shrink:0}.account-avatar img,.avatar img,.top-avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.account-summary .account-avatar{margin:0 auto 13px}.account-summary>strong{font:500 15px var(--display);display:block;overflow-wrap:anywhere}.account-summary>span{font-size:11px;color:#b099c2;display:block;margin:5px 0 11px}.account-summary>small{display:inline-flex;align-items:center;gap:6px;font-size:9px;background:#af77e110;border:1px solid #84559c3b;border-radius:20px;padding:4px 8px;color:#ae87c8}.account-summary small i{width:4px;height:4px;border-radius:50%;background:#b38bd0}.account-tabs{display:flex;flex-direction:column;gap:6px}.account-tabs button{display:flex;align-items:center;gap:10px;background:none;border:1px solid transparent;color:#b6a4c7;font-size:12px;text-align:left;padding:12px 13px;border-radius:9px;transition:background .2s,border-color .2s,color .2s}.account-tabs .icon{width:16px;height:16px}.account-tabs button:hover{background:#3b284c66;color:#dec4f4}.account-tabs button[aria-selected=true]{border-color:#8254ab55;background:linear-gradient(110deg,#50336188,#382445);color:#dab4ff}.account-tab-arrow{margin-left:auto;font-size:18px;opacity:0}.account-tabs button[aria-selected=true] .account-tab-arrow{opacity:1}.account-session-note{display:flex;gap:8px;color:#977dab;font-size:10px;line-height:1.8;margin-top:auto;padding:0 6px}.account-session-note .icon{width:14px;height:14px;margin-top:2px}
.account-panel{padding:29px 30px;overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#65427e #211529}.account-panel:focus{outline:none}.account-section-heading{margin-bottom:26px}.account-section-heading .eyebrow{font-size:9px;color:#b485d3}.account-section-heading h3{font:500 23px/1.35 var(--display);letter-spacing:-.65px;margin:5px 0 8px}.account-section-heading p{font-size:12px;line-height:1.8;color:#b3a0c2}.account-form label,.account-flow-card label:not(.account-check){display:block;font-size:12px;margin-bottom:8px;color:#d3c1e0}.account-form label>span{font-size:10px;color:#a083b4;margin-left:4px}.account-form input:not([type=checkbox]),.account-form select,.account-flow-card input:not([type=checkbox]){width:100%;min-width:0;padding:12px 13px;border:1px solid #51355f;border-radius:9px;background:#231a2d;color:#e9d9f6;font:13px var(--font);transition:border-color .2s,box-shadow .2s}.account-form input:focus,.account-form select:focus,.account-flow-card input:focus{outline:0;border-color:#bc88eb;box-shadow:0 0 0 3px #ad82ff15}.account-form input::placeholder,.account-flow-card input::placeholder{color:#b197c0}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:23px}.account-fields>div{min-width:0}.account-form small{display:block;font-size:10px;color:#a48ab7;margin-top:8px;line-height:1.75}.account-avatar-editor{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #65447d66;border-radius:13px;background:radial-gradient(ellipse at 0 0,#63338022,transparent 70%),#23182e;margin-bottom:25px}.account-avatar.large{width:82px;height:82px;font-size:29px;border-radius:23px}.account-avatar-editor strong{font-size:13px;font-weight:500}.account-avatar-editor p{font-size:11px;color:#af92bf;margin:4px 0 11px}.account-colors{display:flex;gap:7px}.account-colors button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--swatch);color:#281b32;box-shadow:0 0 0 3px #fff0;border:2px solid #21182b;transition:box-shadow .2s}.account-colors button[aria-pressed=true]{box-shadow:0 0 0 1px var(--swatch)}.account-colors .icon{width:13px;height:13px;stroke-width:2.5}
.account-form-footer{border-top:1px solid #493255;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:5px}.account-form-footer>span{display:flex;gap:7px;color:#a88db9;font-size:10px;line-height:1.7;max-width:220px}.account-form-footer>span .icon{width:13px;height:13px;margin-top:2px}.account-dialog .button{font-size:12px;border-radius:8px;padding:11px 15px}.account-dialog .secondary{background:#382444;border:1px solid #714985;color:#dab7f0}.account-dialog .button:disabled{opacity:.4;cursor:default;transform:none}.account-dialog .button.primary{background:linear-gradient(110deg,#bc94ff,#9f75e9);border-color:#c59cff;box-shadow:0 4px 20px #ad82ff18}.account-feedback{margin-top:17px;padding:12px 14px;border:1px solid #579f7755;border-radius:8px;background:#3f805214;color:#a8d9bd;font-size:12px;line-height:1.7;animation:accountPanelIn .2s ease-out}.account-feedback.error{border-color:#c8748255;background:#9c475517;color:#ecb1bf}.account-demo-note{display:flex;gap:10px;padding:13px 15px;border:1px solid #9d784b55;border-radius:10px;background:#aa7a2410;color:#d3b586;margin-bottom:20px}.account-demo-note>.icon{width:16px;height:16px;margin-top:2px}.account-demo-note strong{font-size:11px;font-weight:500}.account-demo-note p{font-size:10px;line-height:1.8;color:#bba581;margin-top:4px}.account-security-card{padding:21px;border:1px solid #8554ae66;border-radius:13px;background:radial-gradient(ellipse at 0 0,#67398b30,transparent 80%),#24182e;margin-bottom:23px}.account-security-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.account-feature-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#66418644;border:1px solid #a470c933;color:#c598eb}.account-feature-icon .icon{width:20px;height:20px}.account-status{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #84639b44;border-radius:20px;padding:5px 9px;color:#b29ac2;background:#70518a13}.account-status i{width:4px;height:4px;border-radius:50%;background:#aa88be}.account-status.enabled{background:#63957914;border-color:#73b49044;color:#a1d5b7}.account-status.enabled i{background:#a1d5b7}.account-dialog h4{font:500 16px var(--display);letter-spacing:-.2px;margin:0}.account-security-card>p{font-size:12px;line-height:1.8;color:#b49bc4;margin:7px 0 19px}.account-security-card>small{display:block;font-size:11px;color:#b8a4c8;margin-top:13px}.account-2fa-summary{font-size:11px;display:grid;grid-template-columns:17px 1fr;gap:4px 7px;color:#a8d6bd;margin:5px 0 20px}.account-2fa-summary .icon{width:15px;height:15px}.account-2fa-summary small{grid-column:2;color:#9ab7a6;font-size:10px}.account-security-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-text-button{background:none;color:#c7a4df;font-size:11px;padding:8px 0;text-align:left;line-height:1.6}.account-text-button:hover{color:#e6c7fd}.account-text-button.danger{color:#dc9aac}.account-text-button.muted{display:block;margin-top:12px;color:#a18ab3}.account-card-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.account-card-heading>.icon{color:#bf96dc;width:18px;height:18px;margin-top:2px}.account-card-heading p{font-size:11px;line-height:1.8;color:#a68ab8;margin-top:5px}.account-test-password{background:#302138;border:1px dashed #76528588;padding:12px 14px;border-radius:9px;font-size:11px;color:#c1a9d2;line-height:1.9;margin-bottom:20px}.account-test-password code{color:#e2c4f6;font-size:12px}.account-test-password span{display:block;font-size:10px;color:#ae93bf}.account-password-card>input{margin-bottom:20px}.account-password-card .account-fields{margin-bottom:14px}.account-strength{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:10px;color:#ba9ece}.account-strength>div{display:flex;gap:4px;width:100px}.account-strength i{height:3px;flex:1;border-radius:2px;background:#44324f}.account-strength .filled{background:#c792db}.account-strength[data-strength="4"] .filled{background:#89c5a2}
.account-steps{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:0;margin:0 0 23px}.account-steps li{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d739f}.account-steps li>span{display:grid;place-items:center;border:1px solid #614074;border-radius:50%;width:24px;height:24px;font-size:10px;background:#281b32}.account-steps li.current{color:#e0bbf9}.account-steps li.current>span{background:#9e6bd433;border-color:#b686db;color:#d4abef;box-shadow:0 0 0 4px #9a65c910}.account-steps li.done{color:#a3c7b2}.account-steps li.done>span{border-color:#5e947633;background:#4c8b6422}.account-steps .icon{width:12px;height:12px}.account-flow-card{padding:21px;border:1px solid #73498666;border-radius:13px;background:#22172c}.account-flow-card>.account-feature-icon{margin-bottom:17px}.account-flow-card>p{font-size:12px;line-height:1.9;color:#b29ac3;margin:9px 0 23px}.account-qr-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:23px;margin:22px 0}.account-qr{width:190px;height:190px;background:white;border-radius:11px;overflow:hidden;padding:8px;box-shadow:0 9px 28px #0003}.account-qr svg{display:block;width:100%;height:100%}.account-manual-key>span{display:block;font-size:11px;color:#cab0da;margin-bottom:9px}.account-manual-key>code{display:block;font-size:12px;letter-spacing:.8px;line-height:2;color:#e3c6f7;word-break:break-word;margin-bottom:11px;user-select:all}.account-manual-key .button{font-size:11px;padding:8px 11px}.account-manual-key>small{display:block;font-size:9px;color:#a58ab6;line-height:1.8;margin-top:14px}.account-flow-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #51345c;padding-top:19px;margin-top:23px}.account-flow-card input.account-otp{max-width:230px;font:500 28px var(--display);letter-spacing:10px;padding:15px 17px;text-align:center}.account-recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.account-recovery-grid code{font:13px ui-monospace,monospace;letter-spacing:1.8px;text-align:center;padding:13px 9px;background:#32203e;border:1px solid #68447a66;border-radius:7px;color:#dbb9f2;user-select:all}.account-recovery-actions{display:flex;gap:10px;flex-wrap:wrap}.account-check{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;color:#c6add6;margin-top:21px}.account-check input{margin:3px 0 0;flex-shrink:0}.account-dialog input[type=checkbox]{accent-color:#bd8fff;width:16px;height:16px;cursor:pointer}.account-code-note{display:block;font-size:10px;color:#b393c5;margin-top:18px;line-height:1.8}.account-danger-button{background:#71394e;border:1px solid #b76786;color:#ffccdd}
.account-preference-group{padding:21px;border:1px solid #5a3b6a66;border-radius:12px;background:#23182e;margin-bottom:20px}.account-preference-group h4{font-size:14px;margin-bottom:17px}.account-setting{display:flex!important;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;margin:0!important;border-top:1px solid #4f335c66}.account-setting strong{font-size:12px;font-weight:500}.account-setting p{color:#aa8ebc;font-size:11px;line-height:1.8;margin-top:5px}.account-setting .switch,.account-setting input{flex-shrink:0}.account-preference-group>small{font-size:10px;margin:0;line-height:1.8}.account-locale{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:2px 0 23px}.account-locale>div{display:flex;gap:10px;align-items:flex-start}.account-locale .icon{width:16px;height:16px;margin-top:3px;color:#a686ba}.account-locale span{font-size:10px;color:#a58ab8}.account-locale strong{display:block;font-size:11px;font-weight:500;color:#d0b7e1;margin-top:4px}.account-dialog [hidden]{display:none!important}.profile>span:nth-child(2){min-width:0;flex:1}.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .avatar{flex-shrink:0;overflow:hidden;color:var(--account-accent,#d7bdfd);border-color:color-mix(in srgb,var(--account-accent,#ad82ff) 40%,transparent)}.top-avatar{padding:0;overflow:hidden;color:var(--account-accent,#d7bdfd);border-color:color-mix(in srgb,var(--account-accent,#ad82ff) 40%,transparent);transition:box-shadow .2s}.top-avatar:hover{box-shadow:0 0 0 3px #ad82ff20}.notification-dot[hidden]{display:none}
@keyframes accountEnter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes accountPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:850px){.account-dialog{width:calc(100% - 30px)}.account-layout{grid-template-columns:185px minmax(0,1fr)}.account-panel{padding:24px}.account-aside{padding:24px 12px}.account-fields{grid-template-columns:1fr;gap:20px}.account-qr-layout{grid-template-columns:1fr;text-align:center;gap:18px}.account-qr{margin:auto}.account-manual-key{max-width:280px;margin:auto}.account-form-footer{align-items:flex-start;flex-direction:column}.account-form-footer .button{align-self:flex-end}.account-security-actions{align-items:flex-start;flex-direction:column}.account-section-heading h3{font-size:22px}}
@media(max-width:600px){.account-dialog{width:100%;height:100dvh;max-height:none;margin:0;inset:0;border-radius:0;border:0}.account-header{padding:20px 20px 17px}.account-header h2{font-size:25px}.account-header .eyebrow{font-size:8px}.account-layout{display:flex;flex-direction:column;height:calc(100dvh - 99px)}.account-aside{display:block;overflow:visible;padding:12px 15px 0;border-right:0;border-bottom:1px solid #3b2a48;background:#211729}.account-summary,.account-session-note{display:none}.account-tabs{flex-direction:row;gap:5px;overflow-x:auto;padding:0 0 11px}.account-tabs button{flex:1;justify-content:center;padding:10px 8px;font-size:11px;white-space:nowrap;gap:6px}.account-tabs .icon{width:15px;height:15px}.account-tab-arrow{display:none}.account-panel{flex:1;padding:23px 20px 30px;min-height:0}.account-section-heading{margin-bottom:23px}.account-section-heading h3{font-size:23px}.account-section-heading p{font-size:12px}.account-avatar-editor{padding:16px;gap:16px}.account-avatar.large{width:70px;height:70px;border-radius:19px;font-size:25px}.account-form input:not([type=checkbox]),.account-form select,.account-flow-card input:not([type=checkbox]){font-size:16px;padding:12px}.account-form label{font-size:12px}.account-fields{gap:21px;margin-bottom:24px}.account-form-footer{gap:14px}.account-form-footer .button{width:100%;align-self:auto;padding:12px}.account-form-footer>span{max-width:none}.account-dialog .button{font-size:12px;white-space:normal}.account-security-card,.account-flow-card,.account-preference-group{padding:18px}.account-security-actions{gap:7px}.account-security-actions .button{width:100%}.account-security-actions .danger{align-self:center}.account-demo-note p{font-size:10px}.account-flow-actions{gap:10px}.account-flow-actions .button{font-size:11px;padding:11px 12px}.account-flow-actions .account-text-button{font-size:11px;max-width:100px}.account-steps{gap:6px}.account-steps li{font-size:9px;gap:5px}.account-steps li>span{width:21px;height:21px}.account-qr-layout{gap:17px}.account-manual-key>code{font-size:13px}.account-recovery-grid code{font-size:12px;letter-spacing:1px;padding:12px 7px}.account-recovery-actions .button{flex:1;padding:10px 8px;font-size:11px;gap:6px}.account-check{font-size:11px}.account-flow-card input.account-otp{font-size:28px}.account-locale{gap:12px}.account-locale strong{font-size:10px}.account-setting{gap:12px}.account-preference-group>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.account-dialog,.account-feedback{animation:none}.account-tabs button,.account-colors button,.top-avatar{transition:none}}.reduce-motion .account-dialog,.reduce-motion .account-feedback{animation:none}.reduce-motion .account-tabs button,.reduce-motion .account-colors button,.reduce-motion .top-avatar{transition:none}