.auth-page{min-height:100dvh;padding:calc(var(--header-h) + 24px) 16px 24px;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;max-width:420px;padding:40px}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-mark{background:var(--brand-grad);border-radius:6px;width:32px;height:32px}.auth-logo-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;font-size:16px;font-weight:700}.auth-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:32px;display:flex}.auth-tab{font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 0;font-size:11px;font-weight:700;transition:all .2s}.auth-tab:hover{color:var(--text2)}.auth-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);font-size:10px;font-weight:700}.form-input{background:var(--surface2);border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--text);border-radius:4px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #00d98b1a}.form-input::placeholder{color:var(--muted)}.form-input-danger{border-color:#ff406080!important}.form-input-danger:focus{box-shadow:0 0 0 3px #ff40601a!important}.form-hint{color:var(--muted);margin-top:2px;font-size:11px}.form-error{color:#ff4060;background:#ff406014;border:1px solid #ff406033;border-radius:4px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.form-success{color:var(--brand);background:#00d98b14;border:1px solid #00d98b33;border-radius:4px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.auth-forgot{text-align:right;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;width:100%;margin-top:-8px;margin-bottom:20px;padding:0;font-size:12px;text-decoration:underline;display:block}.auth-forgot:hover{color:var(--text2)}.auth-hint{color:var(--text2);margin-bottom:20px;font-size:13px;line-height:1.6}.form-success-detail{margin-top:4px;font-size:11px;display:block}.form-input-otp{letter-spacing:.3em;text-align:center;font-size:20px}.form-action-secondary{margin-top:12px}.auth-2fa-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.auth-2fa-label{letter-spacing:1px;text-transform:uppercase;color:var(--text2);font-size:12px;font-weight:700}.auth-terms{color:var(--muted);text-align:center;margin-top:16px;font-size:11px}.auth-terms a{text-underline-offset:2px;text-decoration:underline}.hdr-bar{--app-grad:linear-gradient(90deg, #00d98b, #3d7eff, #818cf8, #a855f7, #ec4899, #ff6b2b)}.dash-hamburger{cursor:pointer;width:36px;height:36px;color:var(--text2);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;display:none}.dash-hamburger:hover{background:var(--surface2);color:var(--text)}.account-shell{padding-top:var(--header-h);min-height:100dvh;display:flex}.account-sidebar{top:var(--header-h);width:var(--sidebar-w);height:calc(100dvh - var(--header-h));border-right:1px solid var(--border);background:var(--surface);z-index:10;flex-direction:column;padding:24px 0 16px;display:flex;position:fixed;left:0;overflow-y:auto}.account-main{margin-left:var(--sidebar-w);flex:1;max-width:860px;padding:36px 40px}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 8px;display:flex}.sidebar-nav-item{color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--surface2);color:var(--text)}.sidebar-nav-item.active{color:var(--brand);background:#00d98b1a}.sidebar-nav-item svg{opacity:.7;flex-shrink:0}.sidebar-nav-item.active svg{opacity:1}.sidebar-spacer{flex:1}.sidebar-logout{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:calc(100% - 16px);margin:0 8px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-logout:hover{color:#ff4060;background:#ff406014}.dash-section{display:none}.dash-section.visible{display:block}.dash-header{margin-bottom:28px}.dash-title{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:22px;font-weight:700}.dash-subtitle{color:var(--text2);font-size:13px}.app-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:4px;display:grid}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.app-card:hover{border-color:var(--border2);box-shadow:0 4px 16px #0000000f}.app-card-link{cursor:pointer;color:inherit}.app-card-link:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.app-card-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-card-name{font-family:var(--font-display);color:var(--text);letter-spacing:.2px;word-break:break-word;overflow-wrap:break-word;font-size:13px;font-weight:700}.app-card-desc{color:var(--text2);flex:1;font-size:11px;line-height:1.5}.app-card-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:28px}.settings-card-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text2);margin-bottom:20px;font-size:13px;font-weight:700}.settings-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.danger-zone{background:var(--surface);border:1px solid #ff406033;border-radius:8px;margin-top:32px;padding:28px}.danger-zone-title{letter-spacing:.5px;text-transform:uppercase;color:#ff4060;margin-bottom:8px;font-size:13px;font-weight:700}.danger-zone-desc{color:var(--text2);margin-bottom:20px;font-size:13px;line-height:1.6}.confirm-input-wrap{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.plan-badge{letter-spacing:1px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.plan-badge-free{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d433}.plan-badge-pro{background:var(--brand-grad);color:#fff}.sidebar-footer{border-top:1px solid var(--border);margin-top:8px;padding:12px 20px 4px}.sidebar-footer-back{color:var(--muted);align-items:center;gap:5px;margin-bottom:8px;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.sidebar-footer-back:hover{color:var(--text2)}.sidebar-footer-links{align-items:center;gap:6px;display:flex}.sidebar-footer-link{color:var(--muted);font-size:10px;text-decoration:none;transition:color .15s}.sidebar-footer-link:hover{color:var(--text2)}.sidebar-footer-sep{color:var(--muted);font-size:10px}.sidebar-user{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:12px;padding:0 20px 24px;display:flex;position:relative}.sidebar-avatar{background:var(--brand-grad);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.sidebar-avatar-img{object-fit:cover;width:100%;height:100%}.sidebar-avatar-initials{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-display)}.sidebar-close{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:none;position:absolute;top:0;right:0}.sidebar-close:hover{color:var(--text);background:var(--surface2)}.avatar-upload-row{align-items:flex-start;gap:20px;display:flex}.avatar-circle{background:var(--brand-grad);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar-circle-lg{width:72px;height:72px}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-initials{color:#fff;font-size:20px;font-weight:700;font-family:var(--font-display)}.avatar-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.avatar-circle:hover .avatar-overlay{opacity:1}.session-list{flex-direction:column;gap:8px;display:flex}.session-item{background:var(--surface2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:12px;padding:12px 16px;display:flex}.session-current{background:#00d98b0a;border-color:#00d98b4d}.session-icon{color:var(--muted);flex-shrink:0}.session-info{flex:1;min-width:0}.session-device{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.session-badge{letter-spacing:.5px;color:var(--brand);text-transform:uppercase;background:#00d98b1f;border-radius:10px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.session-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.session-revoke{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.session-revoke:hover{color:#ff4060;background:#ff40601a}.twofa-method-options{gap:12px;display:flex}.twofa-method-option{background:var(--surface2);border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}:is(.twofa-method-option:has(input:checked),.twofa-method-selected){border-color:var(--brand);color:var(--text);background:#00d98b0f}.twofa-method-option input[type=radio]{accent-color:var(--brand)}.account-mobile-footer{border-top:1px solid var(--border);color:var(--muted);gap:16px;margin-top:40px;padding-top:16px;font-size:11px;display:none}.account-mobile-footer a{color:var(--muted);text-decoration:none}.account-mobile-footer a:hover{color:var(--text2)}@media (max-width:768px){.account-mobile-footer{display:flex}.account-sidebar{z-index:50;transition:transform .25s;transform:translate(-100%)}.account-sidebar.sidebar-open{display:flex;transform:translate(0)}.sidebar-close,.dash-hamburger{display:flex}.dash-lang-chips{display:none}.account-main{margin-left:0;padding:24px 16px}.settings-row{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{z-index:49;background:#00000073;display:block;position:fixed;inset:0}}@media (max-width:480px){.auth-card{padding:28px 20px}.app-grid{grid-template-columns:1fr}.twofa-method-options{flex-direction:column}}