.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-container--with-footer{flex-direction:column;gap:20px}.auth-card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);animation:fadeInUp .36s ease}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{height:46px;width:auto;margin-bottom:16px}.auth-header h1{margin:0 0 8px;font-size:40px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--text)}.auth-subtitle{margin:0;font-size:15px;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:15px;font-weight:700;color:var(--text)}.form-group input{width:100%;border:2px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-size:15px;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-group input::placeholder{color:var(--muted-2)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #667eea1f;background:var(--surface-brand-soft)}.password-field{position:relative}.password-field input{padding-right:46px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--primary);cursor:pointer;transition:background .15s ease,color .15s ease}.password-toggle:hover{background:#667eea1a}.password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.alert{border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;font-weight:600;animation:slideIn .24s ease}.alert.error{color:var(--danger-ink);background:var(--danger-soft);border:1px solid var(--danger-border)}.alert.success{color:var(--success-ink);background:var(--success-soft);border:1px solid var(--success-border)}.success-message{margin-top:8px}.auth-btn{width:100%;border:0;border-radius:var(--radius-sm);padding:14px 18px;font-size:15px;font-weight:800;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease,color .18s ease}.auth-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-btn--spaced{margin-top:10px}.auth-btn--primary{color:#fff;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 9px 20px #667eea42}.auth-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #667eea57}.auth-btn--secondary{background:var(--surface);color:var(--primary);border:2px solid rgba(102,126,234,.22)}.auth-btn--secondary:hover:not(:disabled){transform:translateY(-1px);background:var(--surface-brand-soft)}.auth-link-button{margin-top:2px;border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:14px;font-family:inherit;cursor:pointer;padding:4px 0;transition:color .15s ease}.auth-link-button:hover{color:var(--text)}.auth-link-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.auth-footer{margin-top:14px;text-align:center}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-footer{text-align:center;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.login-footer p{margin:0}.login-footer a{color:var(--muted);text-decoration:underline;transition:color .18s ease}.login-footer a:hover{color:var(--primary)}@media (max-width: 768px){.auth-form input{font-size:1rem}}.auth-pwd-strength{margin-top:6px;display:flex;align-items:center;gap:8px}.auth-pwd-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.auth-pwd-bar>div{height:100%;transition:width .2s,background .2s;border-radius:2px}.auth-pwd-label{font-size:12px;color:var(--muted);min-width:70px}@media (max-width: 640px){.auth-container{padding:14px}.auth-card{max-width:100%;border-radius:var(--radius);padding:30px 20px}.auth-header h1{font-size:34px}}.turnstile-block{display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0}.turnstile-widget{min-height:65px;display:flex;justify-content:center}.turnstile-warning{margin:0;font-size:13px;color:var(--danger, #b91c1c);text-align:center}.notfound-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px;position:relative}.notfound-back-btn{position:absolute;top:calc(24px + var(--app-safe-top));right:calc(24px + var(--app-safe-right));display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(102,126,234,.25);border-radius:var(--radius-sm);padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;color:var(--primary);background:var(--surface);font-family:inherit;transition:all .2s ease}.notfound-back-btn:hover{transform:translateY(-2px);border-color:var(--primary);background:#667eea0d}.notfound-img{max-width:600px;width:100%;height:auto;display:block}.mobile-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1e73;z-index:300;animation:mms-fade .18s ease}.mobile-more-sheet{position:fixed;left:0;right:0;bottom:0;z-index:301;background:var(--surface);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -10px 40px #0000002e;padding:8px calc(10px + var(--app-safe-right)) calc(14px + var(--app-safe-bottom)) calc(10px + var(--app-safe-left));max-height:85vh;overflow-y:auto;animation:mms-slide-up .24s cubic-bezier(.2,.9,.25,1)}.mobile-more-handle{width:40px;height:4px;background:var(--border);border-radius:99px;margin:6px auto 10px}.mobile-more-header{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 10px;border-bottom:1px solid var(--border)}.mobile-more-title{font-size:16px;font-weight:700;color:var(--text);margin:0}.mobile-more-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-more-close:active{background:#0000000f}.mobile-more-list{display:flex;flex-direction:column;padding:6px 0 4px}.mobile-more-item{display:flex;align-items:center;gap:14px;padding:12px;min-height:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-sm);background:transparent;font-family:inherit;text-align:left;cursor:pointer;color:var(--text);transition:background .12s}.mobile-more-item:active{background:#667eea14}.mobile-more-item.danger{color:var(--danger)}.mobile-more-item.danger:active{background:var(--danger-soft)}.mobile-more-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--surface-brand-soft);color:var(--primary);flex-shrink:0}.mobile-more-item.danger .mobile-more-icon{background:var(--danger-soft);color:var(--danger)}.mobile-more-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-more-label{font-size:15px;font-weight:700;line-height:1.2}.mobile-more-sub{font-size:12px;color:var(--muted);line-height:1.3}@keyframes mms-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mms-fade{0%{opacity:0}to{opacity:1}}:root{--mobile-bottom-nav-h: 60px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--mobile-bottom-nav-h) + var(--app-safe-bottom));padding-bottom:var(--app-safe-bottom);padding-left:var(--app-safe-left);padding-right:var(--app-safe-right);background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:199}.mobile-nav-item{flex:1;min-width:56px;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;font-family:inherit;cursor:pointer;transition:color .15s;position:relative}.mobile-nav-item:active{background:#667eea14}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;width:28px;height:3px;background:var(--primary);border-radius:0 0 3px 3px;transform:translate(-50%)}.mobile-nav-icon{pointer-events:none}.mobile-nav-label{font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap}.mobile-shell-content{display:contents}@media (max-width: 768px){.cfg-topbar{display:none!important}.main-container,.cfg-container,.db-container,.cal-container,.mkt-container,.inbox-container{padding-top:var(--app-safe-top);padding-bottom:calc(var(--mobile-bottom-nav-h, 60px) + var(--app-safe-bottom));box-sizing:border-box}.inbox-container.show-messages{padding-top:0!important;padding-bottom:0!important}body:has(.inbox-container.show-messages) .mobile-bottom-nav{display:none}.main-footer{display:none}}@media (min-width: 769px){.mobile-bottom-nav,.mobile-more-sheet,.mobile-more-backdrop{display:none!important}}:root{--primary: #667eea;--primary-2: #764ba2;--primary-light: #8b9cff;--bg: #f5f7fa;--card: #ffffff;--surface: #ffffff;--surface-alt: #f8f9fa;--surface-brand-soft: #f2f5ff;--surface-brand-soft-strong: #e9edff;--text: #1a1a1a;--text-soft: #2f3640;--muted: #666666;--muted-2: #8a94a6;--border: #dbe1ec;--border-brand: #cfd8ff;--success: #4caf50;--success-soft: #e8f5e9;--success-border: #b7dfba;--success-ink: #2e7d32;--danger: #f44336;--danger-soft: #ffebee;--danger-border: #f3b7b2;--danger-ink: #c62828;--warning: #ff9800;--warning-soft: #fff3e0;--warning-border: #ffd08a;--warning-ink: #92400e;--radius-xs: 8px;--radius-sm: 12px;--radius: 16px;--radius-lg: 24px;--shadow: 0 16px 34px rgba(26, 26, 26, .08);--shadow-soft: 0 8px 24px rgba(26, 26, 26, .06);--font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--lh-tight: 1.35;--lh-body: 1.6;--spa: rgba(102, 126, 234, .12);--gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-safe-left: env(safe-area-inset-left, 0px);--app-safe-right: env(safe-area-inset-right, 0px);--touch-min: 44px}:root{--surface-card: var(--card);--surface-page: var(--bg);--surface-sunken: var(--surface-alt);--text-strong: var(--text);--text-body: var(--text-soft);--text-muted: var(--muted);--text-faint: var(--muted-2);--border-subtle: #eceef3;--border-default: var(--border);--gradient-brand: var(--gradient);--gradient-brand-soft: linear-gradient(135deg, rgba(102,126,234,.08) 0%, rgba(118,75,162,.08) 100%);--color-brand: var(--primary);--color-brand-ink: #4f3fa8;--green-500: var(--success);--green-600: var(--success-ink);--color-success-subtle: var(--success-soft);--indigo-50: #eef0ff;--gray-100: #f1f2f7;--shadow-xs: 0 1px 2px rgba(26,26,26,.06);--shadow-sm: var(--shadow-soft);--shadow-lg: var(--shadow);--ease-out: cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{overflow-x:clip;max-width:100vw}body{font-family:var(--font-ui);background:linear-gradient(145deg,var(--bg),#edf1fa);color:var(--text);min-height:100vh;min-height:100dvh;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}button,[role=button],a,input,select,textarea,label{touch-action:manipulation}input,select,textarea{font-size:1rem}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (max-width: 768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{font-size:16px}}@media (pointer: coarse){button,[role=button],a.button,.btn{min-height:var(--touch-min);min-width:var(--touch-min)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6,button,input,select,textarea,label{font-family:var(--font-ui)}h1,h2,h3{line-height:var(--lh-tight)}p,li,small{line-height:var(--lh-body)}code,pre,kbd,samp{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.fade-in-up{animation:fadeInUp .4s ease}.slide-in{animation:slideIn .3s ease}.scale-in{animation:scaleIn .5s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--cfg-topbar-h: calc(69px + var(--app-safe-top, 0px))}.cfg-topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--app-safe-top)) calc(24px + var(--app-safe-right)) 12px calc(24px + var(--app-safe-left));border-bottom:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.cfg-topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.cfg-topbar-right,.cfg-topbar-nav{display:flex;gap:8px}.cfg-brand-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:var(--radius-xs);display:inline-flex;align-items:center;transition:opacity .15s}.cfg-brand-btn:hover{opacity:.75}.cfg-brand-icon{height:32px;width:32px;display:block}.cfg-nav-btn{border:2px solid rgba(102,126,234,.25);background:var(--surface);color:var(--primary);border-radius:var(--radius-sm);width:44px;height:44px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.cfg-nav-btn:hover{background:#667eea0f}.cfg-nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cfg-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #667eea40}@media (max-width: 768px){.cfg-topbar{padding:calc(10px + var(--app-safe-top)) calc(14px + var(--app-safe-right)) 10px calc(14px + var(--app-safe-left));gap:8px}.cfg-topbar-left{gap:8px;flex:1;min-width:0}.cfg-topbar-nav{gap:6px;overflow-x:auto;scrollbar-width:none}.cfg-topbar-nav::-webkit-scrollbar{display:none}.cfg-nav-btn{flex-shrink:0}}