.container{background-color:var(--color-bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loader{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-muted)}.btn-ghost{color:var(--color-muted);background-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--color-text);background-color:var(--color-surface-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-muted)}.input-error{border-color:var(--color-danger)}.error-text{color:var(--color-danger);font-size:12px}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);padding:24px}.card.tiny-padding{padding:6px 24px}.card:hover{border-color:var(--color-muted)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-size:16px;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{color:var(--color-success);background-color:#2ecc7126}.badge-warning{color:var(--color-warning);background-color:#f39c1226}.badge-danger{color:var(--color-danger);background-color:#e74c3c26}.badge-muted{color:var(--color-muted);background-color:#7a767226}.lazy-img-wrapper{flex-shrink:0;position:relative;overflow:hidden}.lazy-img-skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-img{opacity:0;transition:opacity .3s}.lazy-img-loaded{opacity:1}.lazy-img-fallback{color:var(--color-accent);border-radius:var(--radius-md);background-color:#cb7a5726;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.avatar{object-fit:cover;background-color:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-lg{width:64px;height:64px;font-size:24px}.avatar-xl{width:96px;height:96px;font-size:36px}.divider{color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:16px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background-color:var(--color-border);flex:1;height:1px}.modal-overlay{background-color:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:480px;box-shadow:var(--shadow-modal);animation:slideUp var(--transition-normal);padding:32px}.modal-title{margin-bottom:12px;font-size:18px;font-weight:700}.modal-body{color:var(--color-muted);margin-bottom:24px;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.crop-modal{max-width:560px}.crop-container{justify-content:center;margin-bottom:24px;display:flex}.crop-container .ReactCrop{border-radius:var(--radius-md);overflow:hidden}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:slideInRight var(--transition-normal);align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.toast-success{background-color:var(--color-success);color:#fff}.toast-error{background-color:var(--color-danger);color:#fff}.toast-warning{background-color:var(--color-warning);color:#fff}.toggle{background-color:var(--color-border);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast);border:none;border-radius:12px;padding:0;position:relative}.toggle.active{background-color:var(--color-accent)}.toggle-knob{width:20px;height:20px;transition:transform var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active .toggle-knob{transform:translate(20px)}.section{margin-bottom:32px}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-muted);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.danger-zone{border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:24px}.danger-zone .card-title{color:var(--color-danger)}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-normal)}.pw-strength{margin-top:8px}.pw-strength-bar{background-color:var(--color-border);border-radius:2px;width:100%;height:4px;margin-bottom:10px;overflow:hidden}.pw-strength-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.pw-strength-list{flex-wrap:wrap;gap:6px 16px;list-style:none;display:flex}.pw-strength-item{color:var(--color-muted);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.pw-strength-item svg{flex-shrink:0}.pw-strength-item.met{color:var(--color-success)}@media (width<=768px){.card{padding:16px}.card.tiny-padding{padding:6px 16px}.card-title{font-size:15px}.danger-zone{padding:16px}.modal{width:92%;padding:24px}.modal-title{font-size:16px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.toast-container{bottom:88px;left:12px;right:12px}.toast{padding:10px 16px;font-size:13px}.btn-lg{padding:12px 20px;font-size:15px}.pw-strength-list{gap:4px 12px}}.notification-bell-wrapper{position:relative}.notification-bell-btn{width:36px;height:36px;color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.notification-bell-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.notification-badge{background-color:var(--color-danger);color:#fff;border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notification-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:380px;max-height:480px;box-shadow:var(--shadow-modal);z-index:100;animation:slideUp var(--transition-fast);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0}.notification-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.notification-modal-header h3{font-size:15px;font-weight:700}.notification-tabs{border-bottom:1px solid var(--color-border);gap:2px;padding:8px 12px;display:flex}.notification-tab{color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:600}.notification-tab:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.notification-tab.active{color:var(--color-accent);background-color:#cb7a571a}.notification-list{flex:1;padding:4px 0;overflow-y:auto}.notification-empty{text-align:center;color:var(--color-muted);padding:32px 16px}.notification-empty svg{opacity:.5;margin-bottom:8px}.notification-empty p{font-size:13px}.notification-item{cursor:pointer;transition:background-color var(--transition-fast);gap:12px;padding:12px 16px;display:flex}.notification-item:hover{background-color:var(--color-surface-hover)}.notification-item.unread{background-color:#cb7a570d}.notification-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-item-icon.security{color:var(--color-warning);background-color:#f39c1226}.notification-item-icon.system{color:#3498db;background-color:#3498db26}.notification-item-icon.info{color:var(--color-accent);background-color:#cb7a5726}.notification-item-content{flex:1;min-width:0}.notification-item-content h4{margin-bottom:2px;font-size:13px;font-weight:600}.notification-item-content p{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-item-time{color:var(--color-muted);margin-top:4px;font-size:11px;display:block}@media (width<=768px){.notification-modal{width:auto;max-height:60vh;position:fixed;inset:auto 12px 72px}}.passkey-suggestion-modal{text-align:center;max-width:420px;position:relative}.passkey-suggestion-modal .modal-title{margin-bottom:8px}.modal-close-btn{color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--color-text);background:var(--color-hover)}.passkey-suggestion-icon{color:var(--color-primary);margin-bottom:16px}.passkey-suggestion-desc{color:var(--color-muted);margin-bottom:24px;font-size:14px;line-height:1.5}.passkey-suggestion-actions{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.passkey-info-toggle{color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:13px}.passkey-info-toggle:hover{background:var(--color-hover)}.passkey-info-section{text-align:left;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.passkey-info-item{color:var(--color-text);align-items:flex-start;gap:12px;font-size:13px;display:flex}.passkey-info-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.passkey-info-item strong{margin-bottom:2px;display:block}.passkey-info-item p{color:var(--color-muted);margin:0;line-height:1.4}.passkey-setup-card{text-align:center}.passkey-setup-icon{color:var(--color-primary);margin-bottom:16px}.passkey-benefits{text-align:left;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:16px;margin:24px 0;padding:20px;display:flex}.passkey-benefit-item{align-items:flex-start;gap:12px;font-size:14px;display:flex}.passkey-benefit-item svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.passkey-benefit-item strong{margin-bottom:2px;display:block}.passkey-benefit-item p{color:var(--color-muted);margin:0;line-height:1.4}.passkey-setup-actions{flex-direction:column;gap:8px;display:flex}.profile-menu-wrapper{position:relative}.profile-menu-trigger{cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:0}.profile-menu-trigger:hover{opacity:.8}.profile-dropdown{background:var(--color-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:100;width:280px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{align-items:center;gap:12px;padding:16px;display:flex}.profile-dropdown-name{color:var(--color-text);font-size:14px;font-weight:600}.profile-dropdown-email{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:2px;font-size:12px;overflow:hidden}.profile-dropdown-divider{background:var(--color-border);height:1px;margin:0}.profile-dropdown-item{width:100%;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.profile-dropdown-item:hover{background:#ffffff0d}.profile-dropdown-item svg{color:var(--color-muted);flex-shrink:0}.profile-dropdown-logout,.profile-dropdown-logout svg{color:var(--color-danger)}.profile-dropdown-logout:hover{background:#ef44441a}.logout-confirm-modal{text-align:center;max-width:360px}.logout-confirm-icon{width:64px;height:64px;color:var(--color-danger);background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.auth-layout{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{width:100%;max-width:420px;animation:slideUp var(--transition-normal)}.auth-logo{text-align:center;margin-bottom:40px}.auth-logo-text{color:var(--color-text);font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800}.auth-logo-text span{color:var(--color-accent)}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.auth-title{margin-bottom:4px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--color-muted);margin-bottom:28px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form .input-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-oauth{flex-direction:column;gap:10px;display:flex}.auth-oauth-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.auth-oauth-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-muted)}.auth-oauth-btn svg{width:18px;height:18px}.auth-footer{text-align:center;color:var(--color-muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--color-accent);font-weight:600}.auth-link{color:var(--color-accent);text-align:right;font-size:13px;display:block}.auth-back{text-align:center;margin-top:16px}.auth-back a{color:var(--color-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.auth-back a:hover{color:var(--color-text)}.auth-message{text-align:center;padding:20px 0}.auth-message-icon{width:56px;height:56px;color:var(--color-accent);background-color:#cb7a5726;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.auth-message p{color:var(--color-muted);margin-bottom:24px;font-size:14px;line-height:1.6}@media (width<=480px){.auth-card{padding:24px 20px}.auth-form .input-row{grid-template-columns:1fr}}.qr-code-container{text-align:center;border-radius:var(--radius-md);margin:20px 0;background:#fff;max-width:230px;margin-inline:auto;padding:24px}.qr-placeholder{color:#999;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto;font-size:14px;display:flex}.secret-key-box{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:20px;padding:12px 16px}.secret-key-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;display:block}.secret-key-value{justify-content:space-between;align-items:center;gap:8px;display:flex}.secret-key-value code{word-break:break-all;color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:13px}.totp-input{text-align:center;letter-spacing:8px;font-family:JetBrains Mono,monospace;font-size:20px}.recovery-input{text-align:center;letter-spacing:2px;font-family:JetBrains Mono,monospace;font-size:16px}.remember-device-label{color:var(--color-text);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.remember-device-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.auth-message-icon.success{color:var(--color-success);background-color:#2ecc7126}.recovery-codes-grid{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.recovery-code-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.recovery-code-index{color:var(--color-muted);min-width:16px;font-size:11px;font-weight:700}.recovery-code-item code{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:13px}.recovery-codes-actions{margin-top:4px}@media (width<=480px){.recovery-codes-grid{grid-template-columns:1fr}.qr-code-container{max-width:200px;padding:20px}.totp-input{letter-spacing:6px;font-size:18px}}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:950;height:100vh;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:60px;padding:20px 16px;display:flex}.sidebar-logo{white-space:nowrap;flex-direction:row;align-items:center;gap:.5rem;display:flex;overflow:hidden}.sidebar-logo span{color:var(--color-accent);white-space:nowrap;font-size:18px;font-weight:800}.sidebar-logo img{cursor:pointer;flex-shrink:0;width:28px;height:28px}.sidebar-toggle{color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-toggle:hover{color:var(--color-text)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 0}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar.collapsed .sidebar-nav{align-items:center;padding:16px 8px}.sidebar-section{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-muted);white-space:nowrap;margin-top:16px;margin-bottom:8px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;overflow:hidden}.sidebar-link{border-radius:var(--radius-md);color:var(--color-muted);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.sidebar-link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.sidebar-link.active{color:var(--color-accent);background-color:#cb7a571a}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar.collapsed .sidebar-link{justify-content:center;width:42px;height:42px;padding:10px}.sidebar-footer{border-top:1px solid var(--color-border);padding:16px 12px}.sidebar.collapsed .sidebar-footer{justify-content:center;padding:16px 8px;display:flex}.sidebar-logout{border-radius:var(--radius-md);color:var(--color-danger);cursor:pointer;white-space:nowrap;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.sidebar-logout:hover{background-color:#e74c3c1a}.sidebar.collapsed .sidebar-logout{justify-content:center;width:42px;height:42px;padding:10px}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);z-index:100;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-title{font-size:16px;font-weight:700}.topbar-right{align-items:center;gap:12px;display:flex}.dashboard-layout{min-height:100vh}.dashboard-main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.sidebar-collapsed .dashboard-main{margin-left:64px}.dashboard-content{max-width:1200px;animation:fadeIn var(--transition-normal);margin:0 auto;padding:32px 24px}@media (width>=768px){.dashboard-content{padding:40px}}.mobile-nav{display:none}@media (width<=768px){.sidebar{display:none}.dashboard-main,.sidebar-collapsed .dashboard-main{margin-left:0}.dashboard-content{padding:20px 16px 88px}.topbar{height:52px;padding:0 16px}.topbar-title{font-size:15px}.mobile-nav{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:950;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--color-muted);letter-spacing:.02em;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;font-size:10px;font-weight:600;text-decoration:none;display:flex;position:relative}.mobile-nav-item svg{width:22px;height:22px;transition:transform var(--transition-fast)}.mobile-nav-item.active{color:var(--color-accent)}.mobile-nav-item.active svg{transform:scale(1.1)}.mobile-nav-item.active:before{content:"";background-color:var(--color-accent);border-radius:0 0 2px 2px;width:24px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}}.verify-email-banner{background:#ffaa0014;border:1px solid #ffaa0040;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.verify-email-banner-content{color:var(--color-warning,#fa0);align-items:center;gap:12px;display:flex}.verify-email-banner-content strong{color:var(--color-text);font-size:14px;font-weight:600;display:block}.verify-email-banner-content p{color:var(--color-muted);margin-top:2px;font-size:13px}.btn-sm{border-radius:8px;padding:6px 14px;font-size:13px}.btn-warning{color:var(--color-warning,#fa0);background:#ffaa0026;border:1px solid #ffaa004d}.btn-warning:hover{background:#ffaa0040}@media (width<=600px){.verify-email-banner{flex-direction:column;align-items:flex-start}}.dashboard-welcome{margin-bottom:32px}.dashboard-welcome h1{margin-bottom:4px;font-size:28px;font-weight:700}.dashboard-welcome p{color:var(--color-muted);font-size:14px}.dashboard-grid{grid-template-columns:1fr;gap:20px;margin-bottom:32px;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.profile-card{align-items:center;gap:16px;display:flex}.profile-card-info h3{font-size:16px;font-weight:700}.profile-card-info p{color:var(--color-muted);font-size:13px}.app-card{cursor:pointer;align-items:flex-start;gap:16px;display:flex}.app-card-icon{width:44px;height:44px;color:var(--color-accent);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-card-info{flex:1;min-width:0}.app-card-info h3{margin-bottom:2px;font-size:15px;font-weight:700}.app-card-info p{color:var(--color-muted);margin-bottom:8px;font-size:13px}.app-detail-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.app-detail-header h1{font-size:24px;font-weight:700}.app-detail-header p{color:var(--color-muted);font-size:14px}.settings-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-info h4{margin-bottom:2px;font-size:14px;font-weight:600}.settings-row-info p{color:var(--color-muted);font-size:13px}.settings-select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;outline:none;padding:6px 12px;font-size:13px}.settings-select:focus{border-color:var(--color-accent)}.permission-item{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 0;display:flex}.permission-item:last-child{border-bottom:none}.permission-item label{cursor:pointer;flex:1;font-size:14px}.permission-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.activity-item:last-child{border-bottom:none}.activity-info h4{margin-bottom:2px;font-size:14px;font-weight:600}.activity-info p{color:var(--color-muted);font-size:12px}.activity-meta{text-align:right;color:var(--color-muted);white-space:nowrap;font-size:12px}@media (width>=768px){.activity-item{grid-template-columns:1fr 150px auto}}.alert-item{border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color var(--transition-fast);align-items:flex-start;gap:12px;margin-bottom:8px;padding:16px;display:flex}.alert-item.unread{border-color:var(--color-warning);background-color:#f39c120d}.alert-icon{width:36px;height:36px;color:var(--color-warning);background-color:#f39c1226;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-content{flex:1}.alert-content h4{margin-bottom:2px;font-size:14px;font-weight:600}.alert-content p{color:var(--color-muted);font-size:13px}.alert-time{color:var(--color-muted);white-space:nowrap;font-size:12px}.empty-state{text-align:center;color:var(--color-muted);padding:48px 24px}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.empty-state h3{color:var(--color-text);margin-bottom:4px;font-size:16px;font-weight:600}.empty-state p{font-size:14px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{font-size:24px;font-weight:700}@media (width<=768px){.dashboard-welcome{margin-bottom:24px}.dashboard-welcome h1{font-size:22px}.dashboard-grid{gap:12px;margin-bottom:24px}.profile-card{gap:12px}.profile-card-info h3{font-size:14px}.profile-card-info p{font-size:12px}.app-card{gap:12px}.app-card-icon{width:40px;height:40px}.app-card-info h3{font-size:14px}.app-card-info p{margin-bottom:6px;font-size:12px}.app-detail-header{gap:12px;margin-bottom:24px}.app-detail-header h1{font-size:20px}.settings-row{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 0}.activity-item{gap:8px;padding:12px 0}.activity-info h4{font-size:13px}.activity-info p{font-size:11px}.alert-item{gap:10px;padding:12px}.alert-icon{width:32px;height:32px}.alert-content h4{font-size:13px}.alert-content p{font-size:12px}.empty-state{padding:32px 16px}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-header h1{font-size:20px}.section{margin-bottom:24px}.section-title{margin-bottom:12px;font-size:10px}}.security-score-card{margin-bottom:24px}.security-score-visual{align-items:center;gap:24px;display:flex}.security-score-ring{flex-shrink:0;position:relative}.security-score-value{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.security-score-info h3{margin-bottom:4px;font-size:18px;font-weight:700}.security-score-info p{color:var(--color-muted);margin-bottom:12px;font-size:14px}.security-score-checklist{flex-direction:column;gap:6px;display:flex}.score-check-item{color:var(--color-muted);align-items:center;gap:6px;font-size:13px;display:flex}.score-check-item.done{color:var(--color-success)}.twofa-status-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.twofa-status-info{align-items:center;gap:16px;display:flex}.twofa-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.twofa-status-icon.enabled{color:var(--color-success);background-color:#2ecc7126}.twofa-status-icon.disabled{color:var(--color-muted);background-color:#7a767226}.twofa-status-info h4{margin-bottom:2px;font-size:15px;font-weight:700}.twofa-status-info p{color:var(--color-muted);font-size:13px}.twofa-status-actions{flex-shrink:0;gap:8px;display:flex}.recovery-codes-section{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.recovery-codes-section h4{align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.recovery-codes-section>p{color:var(--color-muted);margin-bottom:12px;font-size:13px}.session-summary-item{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 0;display:flex}.session-summary-item:last-child{border-bottom:none}.session-summary-icon{width:36px;height:36px;color:var(--color-accent);background-color:#cb7a5726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-summary-info h4{align-items:center;gap:8px;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.session-summary-info p{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:flex}.last-login-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.last-login-item{color:var(--color-accent);align-items:flex-start;gap:10px;display:flex}.last-login-item>div{flex-direction:column;gap:2px;display:flex}.last-login-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.last-login-value{color:var(--color-text);font-size:13px}@media (width<=768px){.security-score-visual{text-align:center;flex-direction:column}.security-score-info{text-align:center}.security-score-checklist{align-items:center}.twofa-status-row{flex-direction:column;align-items:flex-start;gap:12px}.twofa-status-actions{width:100%}.twofa-status-actions .btn{flex:1}.last-login-grid{grid-template-columns:1fr;gap:12px}}.profile-header{align-items:center;gap:24px;margin-bottom:32px;display:flex}.profile-avatar-wrapper{position:relative}.profile-avatar-upload{background-color:var(--color-accent);color:#fff;cursor:pointer;border:2px solid var(--color-surface);width:28px;height:28px;transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.profile-avatar-upload:hover{background-color:var(--color-accent-hover)}.profile-avatar-upload svg{width:14px;height:14px}.profile-avatar-upload input{display:none}.profile-form{flex-direction:column;gap:20px;max-width:480px;display:flex}.profile-form .input-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.profile-form .input-row{grid-template-columns:1fr}}.session-item{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:16px;margin-bottom:8px;padding:16px;display:flex}.session-item.current{border-color:var(--color-success)}.session-icon{border-radius:var(--radius-md);background-color:var(--color-surface-hover);width:40px;height:40px;color:var(--color-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.session-info{flex:1;min-width:0}.session-info h4{align-items:center;gap:8px;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.session-info p{color:var(--color-muted);font-size:12px}.connection-item{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:12px;padding:20px;display:flex}.connection-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.connection-icon.google{color:#4285f4;background-color:#4285f426}.connection-icon.github{color:var(--color-text);background-color:#f0ece41a}.connection-info{flex:1;min-width:0}.connection-info h4{margin-bottom:2px;font-size:15px;font-weight:600}.connection-info p{color:var(--color-muted);font-size:13px}.delete-warning{border:1px solid var(--color-danger);border-radius:var(--radius-md);background-color:#e74c3c0d;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;display:flex}.delete-warning-icon{color:var(--color-danger);flex-shrink:0}.delete-warning h3{color:var(--color-danger);margin-bottom:8px;font-size:16px;font-weight:700}.delete-warning p{color:var(--color-muted);font-size:14px;line-height:1.6}.delete-warning ul{color:var(--color-muted);margin-top:8px;padding-left:20px;font-size:14px;line-height:1.8}.delete-form{flex-direction:column;gap:16px;max-width:480px;display:flex}.delete-confirm-text{color:var(--color-muted);font-size:14px}.delete-confirm-text strong{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:13px}@media (width<=768px){.profile-header{gap:16px}.session-item{gap:12px;padding:12px}.session-icon{width:36px;height:36px}.session-info h4{font-size:13px}.connection-item{gap:12px;padding:14px}.connection-icon{width:38px;height:38px}.connection-info h4{font-size:14px}.connection-info p{font-size:12px}.delete-warning{flex-direction:column;gap:12px;padding:14px}.delete-warning h3{font-size:15px}.delete-warning p,.delete-warning ul{font-size:13px}}.force-password-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.force-password-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:40px 32px;animation:.3s ease-out forceModalIn;box-shadow:0 24px 64px #00000080}@keyframes forceModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.force-password-icon{width:56px;height:56px;color:var(--color-accent);background-color:#cb7a5726;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.force-password-title{text-align:center;color:var(--color-text);margin-bottom:8px;font-size:22px;font-weight:800}.force-password-desc{text-align:center;color:var(--color-muted);margin-bottom:24px;font-size:14px;line-height:1.6}.force-password-tamper{border-radius:var(--radius-md);background-color:#cb7a571a;border:1px solid #cb7a574d;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;animation:.4s ease-out tamperShake;display:flex}.force-password-tamper svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.force-password-tamper p{color:var(--color-accent);font-size:13px;font-weight:500;line-height:1.5}@keyframes tamperShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.force-password-form{flex-direction:column;gap:16px;display:flex}.force-password-field{flex-direction:column;gap:6px;display:flex}.force-password-field label{color:var(--color-muted);font-size:13px;font-weight:600}.force-password-input-wrap{position:relative}.force-password-input-wrap .input{padding-right:40px}.force-password-eye{color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.force-password-eye:hover{color:var(--color-text)}.force-password-error{color:var(--color-danger);font-size:13px;font-weight:500}.force-password-submit{width:100%;margin-top:4px}.docs-layout{background-color:var(--color-bg);min-height:100vh;display:flex}.docs-main{flex:1;max-width:880px;margin:0 auto;padding:48px 32px 80px}.docs-sidebar{border-right:1px solid var(--color-border);flex-shrink:0;width:240px;height:100vh;padding:32px 16px 32px 24px;position:sticky;top:0;overflow-y:auto}.docs-sidebar-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-muted);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.docs-sidebar-link{color:var(--color-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);border-left:2px solid #0000;margin-bottom:2px;padding:6px 12px;font-size:13px;text-decoration:none;display:block}.docs-sidebar-link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.docs-sidebar-link.active{color:var(--color-accent);border-left-color:var(--color-accent);background-color:#cb7a5714}.docs-hero{border-bottom:1px solid var(--color-border);margin-bottom:48px;padding-bottom:32px}.docs-hero-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent);background-color:#cb7a571f;border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.docs-hero-title{margin-bottom:12px;font-size:36px;font-weight:800;line-height:1.2}.docs-hero-subtitle{color:var(--color-muted);max-width:640px;font-size:16px;line-height:1.7}.docs-section{margin-bottom:48px;scroll-margin-top:24px}.docs-section-title{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:8px;font-size:22px;font-weight:700}.docs-section p{color:var(--color-muted);margin-bottom:16px;font-size:15px;line-height:1.7}.docs-section h3{margin-top:24px;margin-bottom:12px;font-size:16px;font-weight:700}.docs-section h3 code{color:var(--color-success);border-radius:var(--radius-sm);background-color:#2ecc7126;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:14px}.docs-section ol,.docs-section ul{margin-bottom:16px;padding-left:24px}.docs-section li{color:var(--color-muted);margin-bottom:6px;font-size:15px;line-height:1.7}.docs-section strong{color:var(--color-text)}.docs-codeblock{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#161617;margin-bottom:20px;overflow:hidden}.docs-codeblock-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;display:flex}.docs-codeblock-tabs{scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.docs-codeblock-tabs::-webkit-scrollbar{display:none}.docs-codeblock-tab{color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.docs-codeblock-tab:hover{color:var(--color-text)}.docs-codeblock-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.docs-copy-btn{color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.docs-copy-btn:hover{color:var(--color-text);border-color:var(--color-muted)}.docs-pre{margin:0;padding:16px 20px;overflow-x:auto}.docs-pre code{color:var(--color-text);white-space:pre;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.docs-inline-code{background-color:var(--color-surface-hover);border-radius:var(--radius-sm);color:var(--color-accent);padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:13px}.docs-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:20px;overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;font-size:14px}.docs-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:10px 16px;font-size:11px;font-weight:700}.docs-table td{border-bottom:1px solid var(--color-border);color:var(--color-muted);padding:10px 16px}.docs-table tr:last-child td{border-bottom:none}.docs-table td code{color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:12px}.docs-callout{border-left:3px solid;border-radius:0;margin-bottom:20px;padding:14px 18px;font-size:14px;line-height:1.6}.docs-callout strong{color:var(--color-text)}.docs-callout-info{color:var(--color-muted);background-color:#4285f414;border-color:#4285f4}.docs-callout-warning{border-color:var(--color-warning);color:var(--color-muted);background-color:#f39c1214}.docs-callout-danger{border-color:var(--color-danger);color:var(--color-muted);background-color:#e74c3c14}.docs-flow-diagram{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);justify-content:center;align-items:center;gap:16px;margin-bottom:8px;padding:32px 16px;display:flex}.docs-flow-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.docs-flow-icon{width:48px;height:48px;color:var(--color-accent);background-color:#cb7a5726;border-radius:50%;justify-content:center;align-items:center;display:flex}.docs-flow-label{font-size:14px;font-weight:700}.docs-flow-desc{color:var(--color-muted);max-width:140px;font-size:12px}.docs-flow-arrow{color:var(--color-muted);flex-shrink:0}.docs-checklist{padding:0;list-style:none}.docs-checklist li{color:var(--color-muted);margin-bottom:10px;padding-left:28px;font-size:14px;line-height:1.6;position:relative}.docs-checklist li:before{content:"✓";width:20px;height:20px;color:var(--color-success);background-color:#2ecc7126;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0}.docs-faq{flex-direction:column;gap:4px;display:flex}.docs-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px}.docs-faq-item h4{margin-bottom:6px;font-size:15px;font-weight:700}.docs-faq-item p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.6}.docs-steps li{padding:4px 0}.docs-footer{border-top:1px solid var(--color-border);text-align:center;margin-top:48px;padding-top:24px}.docs-footer p{color:var(--color-muted);font-size:13px}@media (width<=1024px){.docs-sidebar{display:none}}@media (width<=768px){.docs-main{padding:24px 16px 80px}.docs-hero-title{font-size:26px}.docs-hero-subtitle{font-size:14px}.docs-section-title{font-size:18px}.docs-section p,.docs-section li{font-size:14px}.docs-flow-diagram{flex-direction:column;gap:12px;padding:20px 16px}.docs-flow-arrow{transform:rotate(90deg)}.docs-codeblock-tab{padding:8px 10px;font-size:11px}.docs-pre{padding:12px 14px}.docs-pre code{font-size:12px}.docs-table th,.docs-table td{padding:8px 12px;font-size:12px}.docs-faq-item{padding:12px 14px}.docs-faq-item h4{font-size:14px}}html,body,*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;outline:none;margin:0;padding:0;font-family:Space Grotesk,sans-serif}code,pre,kbd,samp{font-family:JetBrains Mono,monospace}:root{--color-bg:#1e1e1f;--color-surface:#1b1b1c;--color-surface-hover:#252526;--color-accent:#cb7a57;--color-accent-hover:#d4896a;--color-text:#f0ece4;--color-muted:#7a7672;--color-border:#2a2a2b;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-success:#2ecc71;--color-warning:#f39c12;--color-overlay:#0009;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 2px 8px #0000004d;--shadow-modal:0 8px 32px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:280px;--topbar-height:60px}body{background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}input,textarea,select,button{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}