*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-solid: #121115;--text-main: #FFFFFF;--text-muted: #8A8793;--text-dim: #5E5B66;--color-primary: #FF7BAC;--color-primary-hover: #ff91ba;--input-bg: #17161B;--input-border: #26242D;--input-border-hover: #383540;--ghost-btn-color: #8A8793;--ghost-btn-hover-color: #FFFFFF;--ghost-btn-hover-bg: rgba(255, 255, 255, .06);--dropdown-bg: #18171C;--dropdown-border: #2B2933;--dropdown-shadow: 0 12px 32px rgba(0, 0, 0, .6);--code-box-bg: #18171D;--code-box-border: #2B2833;--code-box-focus: #FF7BAC;--pen-color: #FFFFFF;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=light]{--bg-solid: #F5F4F8;--text-main: #121115;--text-muted: #696673;--text-dim: #94919E;--color-primary: #FF7BAC;--color-primary-hover: #ff6098;--input-bg: #FFFFFF;--input-border: #E2E0E8;--input-border-hover: #C5C2D1;--ghost-btn-color: #696673;--ghost-btn-hover-color: #121115;--ghost-btn-hover-bg: rgba(0, 0, 0, .05);--dropdown-bg: #FFFFFF;--dropdown-border: #E2E0E8;--dropdown-shadow: 0 12px 32px rgba(0, 0, 0, .12);--code-box-bg: #FFFFFF;--code-box-border: #DCD9E6;--code-box-focus: #FF7BAC;--pen-color: #121115}html{scrollbar-gutter:stable}body{background-color:var(--bg-solid);color:var(--text-main);font-family:var(--font-body);min-height:100vh;margin:0;padding:0;background-image:none;overflow-x:hidden;-webkit-user-select:none;user-select:none;transition:background-color .25s ease,color .25s ease}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.sso-showcase-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;position:relative}.sso-ripple-btn{position:relative;overflow:hidden}.sso-ripple,.sso-ripple-ink{position:absolute!important;border-radius:50%;transform:scale(0);animation:materialRippleAnim .55s cubic-bezier(.16,1,.3,1);background-color:#ffffff52;pointer-events:none!important;z-index:10}.sso-ripple.dark,.sso-ripple-ink.dark{background-color:#0003}@keyframes materialRippleAnim{to{transform:scale(3.8);opacity:0}}.sso-minimal-header{position:absolute;top:24px;right:28px;display:flex;align-items:center;gap:4px;z-index:100}.sso-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 10px;background:transparent;border:none;border-radius:8px;color:var(--ghost-btn-color);font-size:13px;font-weight:500;font-family:inherit;letter-spacing:.4px;cursor:pointer;outline:none;transition:color .18s ease,background-color .18s ease}.sso-ghost-btn:hover,.sso-ghost-btn.active{color:var(--ghost-btn-hover-color);background-color:var(--ghost-btn-hover-bg)}.sso-ghost-label{line-height:1}.sso-chevron-icon{transition:transform .2s cubic-bezier(.16,1,.3,1);opacity:.7}.sso-chevron-icon.open{transform:rotate(180deg);opacity:1}.sso-theme-ghost-btn{width:34px;padding:0}.sso-lang-dropdown-wrapper{position:relative}.sso-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:175px;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:var(--dropdown-shadow);display:flex;flex-direction:column;z-index:1000;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sso-lang-search-dropdown{padding:8px}.sso-lang-search-box{position:relative;display:flex;align-items:center;margin-bottom:6px}.sso-lang-search-icon{position:absolute;left:9px;color:var(--text-dim);pointer-events:none}.sso-lang-search-input{width:100%;height:32px;background-color:#7d7d7d14;border:1px solid var(--input-border);border-radius:8px;padding:0 10px 0 28px;color:var(--text-main);font-size:12px;font-family:inherit;outline:none;transition:border-color .15s ease,background-color .15s ease}.sso-lang-search-input:focus{border-color:var(--color-primary);background-color:#7d7d7d1f}.sso-dropdown-scroll-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.sso-dropdown-scroll-list::-webkit-scrollbar{width:4px}.sso-dropdown-scroll-list::-webkit-scrollbar-thumb{background-color:#7d7d7d40;border-radius:4px}.sso-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 9px;background:transparent;border:none;border-radius:7px;color:var(--text-main);font-size:13px;font-family:inherit;cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease}.sso-dropdown-item:hover{background-color:var(--ghost-btn-hover-bg)}.sso-dropdown-item.selected{color:var(--color-primary);font-weight:500}.sso-dropdown-item-label{flex:1;text-align:left}.sso-dropdown-item-code{font-size:11px;color:var(--text-dim);font-weight:600;margin-right:6px}.sso-check-icon{color:var(--color-primary);flex-shrink:0}.sso-dropdown-empty{padding:14px 8px;font-size:12px;color:var(--text-dim);text-align:center}.sso-content-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:440px;margin:0 auto}.sso-logo-box{display:flex;justify-content:center;align-items:center;width:100%;max-width:460px;z-index:2;transform:translateY(160px) scale(.78);animation:logoGlideDirectlyUp 2.1s cubic-bezier(.2,.9,.28,1) forwards}@keyframes logoGlideDirectlyUp{0%{transform:translateY(160px) scale(.78)}35%{transform:translateY(105px) scale(1.05)}70%{transform:translateY(35px) scale(.98)}88%{transform:translateY(-3px) scale(.92)}to{transform:translateY(0) scale(.9)}}.sso-logo-svg{width:100%;height:auto;overflow:visible}.pen-fill-themed{color:var(--pen-color);transition:color .25s ease}.letter-o-original{stroke-dasharray:650;stroke-dashoffset:650;animation:drawLetterOOriginal .85s cubic-bezier(.45,0,.15,1) forwards;animation-delay:.06s}@keyframes drawLetterOOriginal{0%{stroke-dashoffset:650}to{stroke-dashoffset:0}}.letter-r{stroke-dasharray:450;stroke-dashoffset:450;animation:drawLetterR .85s cubic-bezier(.45,0,.15,1) forwards;animation-delay:.06s}@keyframes drawLetterR{0%{stroke-dashoffset:450}to{stroke-dashoffset:0}}.letter-u1{stroke-dasharray:550;stroke-dashoffset:550;animation:drawLetterU1 .85s cubic-bezier(.45,0,.15,1) forwards;animation-delay:.06s}@keyframes drawLetterU1{0%{stroke-dashoffset:550}to{stroke-dashoffset:0}}.letter-s{stroke-dasharray:750;stroke-dashoffset:750;animation:drawLetterS .85s cubic-bezier(.45,0,.15,1) forwards;animation-delay:.06s}@keyframes drawLetterS{0%{stroke-dashoffset:750}to{stroke-dashoffset:0}}.letter-u2{stroke-dasharray:550;stroke-dashoffset:550;animation:drawLetterU2 .85s cubic-bezier(.45,0,.15,1) forwards;animation-delay:.06s}@keyframes drawLetterU2{0%{stroke-dashoffset:550}to{stroke-dashoffset:0}}.bullet-pass-through-all{opacity:0;transform:translate(-550px,-550px);animation:bulletFlyThroughWholeScreen .18s cubic-bezier(.35,0,.95,.95) forwards;animation-delay:.95s}@keyframes bulletFlyThroughWholeScreen{0%{opacity:1;transform:translate(-550px,-550px)}30%{opacity:1;transform:translate(-140px,-140px)}60%{opacity:1;transform:translate(0)}99%{opacity:1;transform:translate(1000px,1000px)}to{opacity:0;transform:translate(1000px,1000px)}}.brand-entry-cut{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.05);animation:expandEntryCut .5s cubic-bezier(.12,.85,.22,1) forwards;animation-delay:1s}@keyframes expandEntryCut{0%{opacity:0;transform:scale(.05)}15%{opacity:1;transform:scale(.35)}60%{opacity:1;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.brand-entry-cut path{stroke-width:0px;animation:expandEntryCutStroke .5s cubic-bezier(.12,.85,.22,1) forwards;animation-delay:1s}@keyframes expandEntryCutStroke{0%{stroke-width:0px}15%{stroke-width:8px}60%{stroke-width:46px}to{stroke-width:54px}}.brand-tip-cut{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.05);animation:expandTipCut .5s cubic-bezier(.12,.85,.22,1) forwards;animation-delay:1.05s}@keyframes expandTipCut{0%{opacity:0;transform:scale(.05)}15%{opacity:1;transform:scale(.35)}60%{opacity:1;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.brand-tip-cut path{stroke-width:0px;animation:expandTipCutStroke .5s cubic-bezier(.12,.85,.22,1) forwards;animation-delay:1.05s}@keyframes expandTipCutStroke{0%{stroke-width:0px}15%{stroke-width:4px}60%{stroke-width:23px}to{stroke-width:27px}}.pen-body-smooth-dock,.brand-body-mask{opacity:0;transform:translate(-380px,-380px);animation:penAndBrandMaskGlide .85s cubic-bezier(.16,.9,.28,1) forwards;animation-delay:1.15s}@keyframes penAndBrandMaskGlide{0%{opacity:0;transform:translate(-380px,-380px)}15%{opacity:1}85%{opacity:1;transform:translate(2px,2px)}to{opacity:1;transform:translate(0)}}.pen-tip-ejection{opacity:0;transform:translate(26px,26px) scale(.7);animation:penTipEjectionClick .28s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.98s}@keyframes penTipEjectionClick{0%{opacity:0;transform:translate(26px,26px) scale(.7)}30%{opacity:1}80%{opacity:1;transform:translate(-2px,-2px) scale(1.03)}to{opacity:1;transform:translate(0) scale(1)}}.sso-auth-card{width:100%;margin-top:24px;opacity:0;transform:translateY(28px);animation:authCardEntrance .55s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.8s}@keyframes authCardEntrance{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.sso-form{display:flex;flex-direction:column;gap:18px;width:100%;animation:formModeFade .22s ease forwards}@keyframes formModeFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sso-2fa-clean-header{text-align:center;margin-bottom:6px}.sso-forgot-info{text-align:center;margin-bottom:4px}.sso-forgot-title{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:6px}.sso-forgot-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.sso-input-group{display:flex;flex-direction:column;gap:7px;text-align:left}.sso-label-row{display:flex;justify-content:space-between;align-items:center}.sso-label{font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.2px}.sso-link-btn{background:none;border:none;padding:0;font-size:13px;font-family:inherit;color:var(--text-dim);cursor:pointer;outline:none;transition:color .15s ease}.sso-link-btn:hover{color:var(--color-primary)}.sso-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.sso-input{width:100%;height:48px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:0 16px;color:var(--text-main);font-size:15px;font-family:inherit;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:text;user-select:text}.sso-input::placeholder{color:var(--text-dim);opacity:.7}.sso-input:hover{border-color:var(--input-border-hover)}.sso-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff7bac2e}.sso-password-input{padding-right:46px}.sso-password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s ease,background-color .15s ease}.sso-password-toggle:hover{color:var(--text-main);background-color:#7d7d7d1f}.sso-code-inputs-container{display:flex;justify-content:space-between;gap:8px;width:100%;margin:6px 0}.sso-code-digit-input{width:100%;height:54px;background-color:var(--code-box-bg);border:1.5px solid var(--code-box-border);border-radius:12px;color:var(--text-main);font-size:22px;font-weight:600;font-family:inherit;text-align:center;outline:none;transition:all .18s cubic-bezier(.16,1,.3,1);caret-color:var(--color-primary)}.sso-code-digit-input:focus{border-color:var(--code-box-focus);box-shadow:0 0 0 3px #ff7bac33;transform:translateY(-1px)}.sso-code-digit-input.filled{border-color:#ff7bac66}.sso-switch-method-box{display:flex;justify-content:center;margin-top:4px}.sso-switch-method-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--input-border);padding:8px 14px;border-radius:10px;color:var(--text-muted);font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s ease}.sso-switch-method-btn:hover{color:var(--text-main);border-color:#ff7bac66;background-color:var(--ghost-btn-hover-bg)}.sso-resend-row{display:flex;justify-content:center;font-size:13px}.sso-resend-timer{color:var(--text-dim)}.sso-resend-btn{background:none;border:none;color:var(--color-primary);font-size:13px;font-family:inherit;cursor:pointer;padding:0;text-decoration:underline;opacity:.9}.sso-resend-btn:hover{opacity:1}.sso-success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0;animation:formModeFade .25s ease forwards}.sso-success-icon-wrap{width:64px;height:64px;border-radius:50%;background-color:#ff7bac1a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 0 24px #ff7bac40}.sso-submit-btn{width:100%;height:48px;margin-top:6px;background-color:var(--color-primary);color:#121115;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #ff7bac40}.sso-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sso-submit-btn:not(:disabled):hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #ff7bac59}.sso-submit-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 10px #ff7bac33}.sso-switch-row{display:flex;justify-content:center;align-items:center;gap:6px;font-size:13px;margin-top:4px}.sso-switch-text{color:var(--text-dim)}.sso-switch-link{background:none;border:none;padding:0;font-size:13px;font-family:inherit;color:var(--color-primary);cursor:pointer;font-weight:500;outline:none;transition:opacity .15s ease}.sso-switch-link:hover{opacity:.85;text-decoration:underline}.account-view-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 20px 60px;width:100%}.account-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1060px;height:60px;margin-bottom:28px;padding:0 4px}.account-brand{display:flex;align-items:center;gap:12px}.account-brand-logo{width:32px;height:32px;flex-shrink:0}.account-brand-name{font-size:14px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}.account-topbar-controls{display:flex;align-items:center;gap:8px}.sso-logout-btn{color:#ff5e7e}.sso-logout-btn:hover{color:#ff335c;background-color:#ff5e7e14}.account-alert{width:100%;max-width:1060px;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:16px;animation:formModeFade .2s ease forwards}.account-alert.success{background-color:#2ed5731f;border:1px solid rgba(46,213,115,.3);color:#2ed573}.account-alert.error{background-color:#ff47571f;border:1px solid rgba(255,71,87,.3);color:#ff4757}.account-main-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;width:100%;max-width:1060px;align-items:start}@media (max-width: 860px){.account-main-grid{grid-template-columns:1fr}}.account-sidebar-card{background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:20px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--dropdown-shadow)}.account-avatar-wrapper{position:relative;width:96px;height:96px;margin-bottom:16px;border-radius:50%;cursor:pointer;group:avatar}.account-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);background-color:var(--input-bg);box-shadow:0 0 20px #ff7bac33;display:block}.account-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#121115a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;font-size:11px;font-weight:600;gap:4px;pointer-events:none}.account-avatar-wrapper:hover .account-avatar-overlay{opacity:1}.account-avatar-camera-badge{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background-color:var(--color-primary);color:#121115;display:flex;align-items:center;justify-content:center;border:2px solid var(--dropdown-bg);box-shadow:0 2px 8px #00000059;transition:transform .15s ease;cursor:pointer}.account-avatar-wrapper:hover .account-avatar-camera-badge{transform:scale(1.1)}.account-online-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;border-radius:50%;background-color:#2ed573;border:2px solid var(--dropdown-bg);box-shadow:0 0 8px #2ed573}.account-user-meta{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin-bottom:24px}.account-username-title{display:inline-flex;align-items:center;gap:6px;font-size:19px;font-weight:700;color:var(--text-main);cursor:pointer;margin-bottom:4px;transition:color .15s ease}.account-username-title:hover{color:var(--color-primary)}.account-edit-icon{opacity:.6}.account-username-edit-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.account-mini-input{height:34px!important;font-size:14px!important;padding:0 10px!important}.account-save-btn{width:34px!important;height:34px!important;margin-top:0!important;padding:0!important}.account-email-text{font-size:13px;color:var(--text-muted);margin-bottom:10px}.account-badge-pro{display:inline-block;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,#ff7bac,#ff5e95);color:#121115;font-size:11px;font-weight:700;letter-spacing:.8px}.account-nav-tabs{display:flex;flex-direction:column;gap:6px;width:100%}.account-tab-btn{display:flex;align-items:center;gap:12px;width:100%;height:44px;box-sizing:border-box;padding:0 16px;background:transparent;border:none;border-radius:12px;color:var(--text-muted);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;transition:color .18s ease,background-color .18s ease;-webkit-user-select:none;user-select:none;outline:none}.account-tab-btn svg{flex-shrink:0;width:18px;height:18px}.account-tab-btn span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.account-tab-btn:hover{color:var(--text-main);background-color:var(--ghost-btn-hover-bg)}.account-tab-btn.active{color:var(--color-primary);background-color:#ff7bac1f;font-weight:600}.account-content-card{background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:20px;padding:32px;box-shadow:var(--dropdown-shadow);min-height:480px}.account-tab-view{animation:formModeFade .2s ease forwards}.account-section-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:16px}.account-sec-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.account-info-grid{grid-template-columns:1fr}}.account-field-card{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.account-field-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px}.account-field-value{font-size:15px;font-weight:500;color:var(--text-main)}.account-field-value-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.account-field-code{font-family:monospace;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy-btn{background:transparent;border:1px solid var(--input-border);border-radius:6px;color:var(--text-dim);font-size:11px;padding:3px 8px;cursor:pointer;transition:all .15s ease}.account-copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.account-security-cards{display:flex;flex-direction:column;gap:12px}.account-security-item{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;padding:18px;display:flex;justify-content:space-between;align-items:center}.account-sec-info{flex:1}.account-sec-title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.account-sec-title-row h4{font-size:15px;font-weight:600;color:var(--text-main)}.account-status-pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background-color:#ff475726;color:#ff4757}.account-status-pill.active{background-color:#2ed57326;color:#2ed573}.account-sessions-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.account-danger-outline-btn{background:transparent;border:1px solid rgba(255,71,87,.4);color:#ff4757;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.account-danger-outline-btn:hover{background-color:#ff47571a;border-color:#ff4757}.account-sessions-list{display:flex;flex-direction:column;gap:12px}.account-session-card{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:16px;transition:border-color .2s ease}.account-session-card.current-session{border-color:#2ed57366}.account-session-icon-box{width:44px;height:44px;border-radius:12px;background-color:#7d7d7d1a;display:flex;align-items:center;justify-content:center;color:var(--text-main);flex-shrink:0}.account-session-details{flex:1}.account-session-device-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.account-device-name{font-size:14px;font-weight:600;color:var(--text-main)}.account-current-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background-color:#2ed57326;color:#2ed573}.account-session-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.account-revoke-btn{background:transparent;border:1px solid var(--input-border);color:var(--text-dim);padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .15s ease}.account-revoke-btn:hover{color:#ff4757;border-color:#ff4757;background-color:#ff475714}.account-subscription-banner{background:linear-gradient(135deg,#ff7bac1f,#12111566);border:1px solid rgba(255,123,172,.3);border-radius:16px;padding:24px;margin-bottom:24px}.account-sub-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.account-sub-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--color-primary)}.account-sub-title{font-size:26px;font-weight:800;color:var(--text-main);margin-top:2px}.account-sub-features-list{display:flex;flex-direction:column;gap:8px}.account-sub-feat-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted)}.account-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.account-plan-card{position:relative;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.account-plan-card.popular{border-color:#ff7bac80;box-shadow:0 0 20px #ff7bac1f}.account-plan-tag{position:absolute;top:12px;right:12px;background-color:var(--color-primary);color:#121115;font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px}.account-plan-name{font-size:17px;font-weight:700;color:var(--text-main);margin-bottom:8px}.account-plan-price-box{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.account-plan-price{font-size:24px;font-weight:800;color:var(--text-main)}.account-plan-period{font-size:12px;color:var(--text-dim)}.account-plan-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}.account-plan-features li:before{content:"• ";color:var(--color-primary);font-weight:700}.sso-submit-btn.current{background-color:transparent!important;border:1px solid var(--input-border)!important;color:var(--text-dim)!important;box-shadow:none!important}.account-minio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:14px}.account-minio-card{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease}.account-minio-card:hover{border-color:#ff7bac66}.account-minio-header{display:flex;justify-content:space-between;align-items:center}.account-minio-icon{font-size:24px}.account-minio-title{font-size:15px;font-weight:700;color:var(--text-main)}.account-minio-desc{font-size:12px;color:var(--text-muted);line-height:1.4;flex:1}.account-minio-endpoint{font-size:11px;font-family:monospace;color:var(--text-dim);background:#00000026;padding:4px 8px;border-radius:6px;margin-top:4px}.account-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:formModeFade .2s ease forwards}.account-modal-card{background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:20px;padding:28px;max-width:580px;width:100%;box-shadow:0 20px 50px #00000080;max-height:90vh;overflow-y:auto}.account-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.account-modal-header h3{font-size:18px;font-weight:700;color:var(--text-main)}.account-modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.account-modal-close-btn:hover{color:var(--text-main);background-color:var(--ghost-btn-hover-bg)}.account-modal-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px}.account-avatar-upload-box{margin-bottom:24px}.account-dropzone{position:relative;border:2px dashed var(--input-border);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--input-bg);cursor:pointer;transition:all .2s ease;overflow:hidden}.account-dropzone:hover,.account-dropzone.drag-active{border-color:var(--color-primary);background-color:#ff7bac0d}.account-dropzone-icon{width:48px;height:48px;border-radius:50%;background:#ff7bac1f;color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .2s ease}.account-dropzone:hover .account-dropzone-icon{transform:scale(1.1)}.account-dropzone-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:4px}.account-dropzone-sub{font-size:12px;color:var(--text-dim);line-height:1.4}.account-avatar-preview-card{display:flex;align-items:center;gap:16px;width:100%;padding:12px 16px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;margin-bottom:16px}.account-avatar-preview-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary);box-shadow:0 4px 14px #ff7bac4d;flex-shrink:0}.account-avatar-preview-info{flex:1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.account-avatar-preview-name{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-avatar-preview-size{font-size:11px;color:var(--text-dim)}.account-avatar-remove-btn{background:transparent;border:1px solid var(--input-border);color:var(--text-muted);border-radius:8px;font-size:12px;padding:6px 12px;cursor:pointer;transition:all .15s ease}.account-avatar-remove-btn:hover{color:#ff4757;border-color:#ff4757;background-color:#ff47571a}.account-upload-status-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-dim)}.account-minio-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:#2ed5731f;border:1px solid rgba(46,213,115,.25);color:#2ed573;font-size:11px;font-weight:600}.account-modal-tabs{display:flex;gap:8px;border-bottom:1px solid var(--input-border);padding-bottom:12px;margin-bottom:18px}.account-modal-tab-pill{padding:6px 14px;border-radius:10px;border:1px solid var(--input-border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.account-modal-tab-pill:hover{color:var(--text-main);border-color:var(--color-primary)}.account-modal-tab-pill.active{background:#ff7bac24;border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.sub-active-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#ff7bac1a,#c44aff14);border:1px solid rgba(255,123,172,.3)}.sub-active-left{display:flex;align-items:center;gap:16px}.sub-active-emoji{font-size:36px;line-height:1}.sub-active-name{font-size:17px;font-weight:700;color:var(--text-main)}.sub-active-meta{font-size:12px;color:var(--text-dim);margin-top:3px}.sub-active-right{display:flex;flex-direction:column;align-items:flex-end}.sub-free-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px;border-radius:16px;background:var(--input-bg);border:1px solid var(--input-border)}.sub-free-left{display:flex;align-items:center;gap:16px}.sub-free-features{display:flex;flex-direction:column;gap:6px}.sub-feat-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main)}.sub-feat-check{font-size:12px;font-weight:700;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sub-feat-check.yes{color:#2ed573;background:#2ed5731f}.sub-feat-check.no{color:#ff4757b3;background:#ff475714}.sub-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 1100px){.sub-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sub-plans-grid{grid-template-columns:1fr}}.sub-plan-card{position:relative;display:flex;flex-direction:column;gap:0;padding:22px 20px 18px;border-radius:18px;border:1px solid var(--input-border);background:var(--input-bg);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.sub-plan-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.sub-plan-card.popular,.sub-plan-card.active-plan{border-width:2px}.sub-plan-popular-badge{position:absolute;top:0;left:0;right:0;text-align:center;padding:5px 10px;font-size:11px;font-weight:700;color:#fff;border-radius:16px 16px 0 0;letter-spacing:.4px}.sub-plan-savings-badge{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:8px;border:1px solid;font-size:11px;font-weight:600;margin-bottom:8px;letter-spacing:.3px}.sub-plan-card.popular .sub-plan-header{margin-top:24px}.sub-plan-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sub-plan-emoji{font-size:22px;line-height:1}.sub-plan-name{font-size:15px;font-weight:700;letter-spacing:-.2px}.sub-plan-price-row{display:flex;align-items:baseline;gap:3px;margin-bottom:16px}.sub-plan-currency{font-size:18px;font-weight:600;color:var(--text-dim)}.sub-plan-amount{font-size:36px;font-weight:800;color:var(--text-main);line-height:1}.sub-plan-period{font-size:12px;color:var(--text-dim);margin-left:2px}.sub-plan-features-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;flex:1}.sub-plan-features-list li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text-main)}.sub-plan-features-list li.feat-no{opacity:.4}.sub-feat-sub{font-size:11px;color:var(--text-dim);margin-top:2px;line-height:1.3}.sub-plan-btn{width:100%!important;margin-top:auto;border:1px solid transparent}.sub-free-compare-note{text-align:center;padding:14px;border-radius:12px;background:var(--input-bg);border:1px dashed var(--input-border)}.account-avatar-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.account-avatar-preset-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:14px;background-color:var(--input-bg);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.account-avatar-preset-item:hover{transform:translateY(-2px);border-color:#ff7bac66}.account-avatar-preset-item.selected{border-color:var(--color-primary);box-shadow:0 0 16px #ff7bac4d}.account-avatar-preset-img{width:56px;height:56px;border-radius:50%}.account-avatar-preset-label{font-size:11px;font-weight:600;color:var(--text-dim);text-overflow:ellipsis;overflow:hidden;max-width:100%;white-space:nowrap}.account-custom-url-box{border-top:1px solid var(--input-border);padding-top:16px}.account-custom-url-row{display:flex;gap:8px;margin-top:6px}.account-modal-submit-btn{width:auto!important;margin-top:0!important;white-space:nowrap;padding:0 20px!important}.totp-qr-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:12px;background-color:var(--input-bg);border:2px solid var(--input-border);box-shadow:0 8px 32px #ff7bac26;transition:box-shadow .2s ease}.totp-qr-wrapper:hover{box-shadow:0 8px 40px #ff7bac47}.totp-qr-img{width:200px;height:200px;display:block;border-radius:8px}.totp-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--card-bg, #0f0f1a);border:3px solid var(--card-bg, #0f0f1a);display:flex;align-items:center;justify-content:center;pointer-events:none}.account-copy-btn.copied{color:#2ed573;border-color:#2ed57366;background-color:#2ed57314}