.avatar{border-radius:var(--radius-full);flex-shrink:0;position:relative;overflow:visible}.avatar--clickable{cursor:pointer}.avatar__img{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.avatar__fallback{border-radius:var(--radius-full);color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.avatar--xs .avatar__initials{font-size:10px}.avatar--sm .avatar__initials{font-size:12px}.avatar--md .avatar__initials{font-size:14px}.avatar--lg .avatar__initials{font-size:16px}.avatar--xl .avatar__initials{font-size:20px}.avatar--2xl .avatar__initials{font-size:28px}.avatar__status{border-radius:var(--radius-full);border:2px solid var(--surface);position:absolute;bottom:0;right:0}.avatar--xs .avatar__status{border-width:1.5px;width:8px;height:8px}.avatar--sm .avatar__status{width:10px;height:10px}.avatar--md .avatar__status{width:12px;height:12px}.avatar--lg .avatar__status{width:14px;height:14px}.avatar--xl .avatar__status{width:16px;height:16px}.avatar--2xl .avatar__status{width:18px;height:18px}.avatar__status--online{background-color:var(--success);animation:2s ease-in-out infinite pulse}.avatar__status--offline{background-color:var(--on-surface-muted)}.app-layout{background-color:var(--background);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--navy);z-index:var(--z-sticky);transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:0}.sidebar__header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid #ffffff14}.sidebar__logo{align-items:center;gap:var(--space-sm);display:flex}.sidebar__logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__logo-text{flex-direction:column;display:flex}.sidebar__brand{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.2}.sidebar__tagline{color:var(--navy-text);letter-spacing:.02em;font-size:10px}.sidebar__nav{padding:var(--space-md) var(--space-sm);gap:var(--space-lg);flex-direction:column;flex:1;display:flex}.sidebar__section{flex-direction:column;gap:2px;display:flex}.sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--navy-text);padding:0 var(--space-sm);margin-bottom:var(--space-xs);font-size:10px;font-weight:700}.sidebar__link{align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);border-radius:var(--radius-md);color:var(--navy-text);transition:all var(--transition-base);font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar__link:hover,.sidebar__link--active{background-color:var(--navy-light);color:var(--navy-text-active)}.sidebar__link--active:before{content:"";background-color:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__badge{border-radius:var(--radius-full);background-color:var(--primary);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}.sidebar__footer{padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid #ffffff14;display:flex}.sidebar__user{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar__user-role{color:var(--navy-text);text-transform:capitalize;font-size:10px}.sidebar__user-status{color:var(--navy-text);align-items:center;gap:4px;font-size:10px;display:flex}.sidebar__status-icon{flex-shrink:0}.sidebar__status-icon--online{color:#4ade80}.sidebar__status-icon--offline{color:#fbbf24;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar__logout{border-radius:var(--radius-md);width:32px;height:32px;color:var(--navy-text);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logout:hover{color:#fca5a5;background-color:#ba1a1a33}.sidebar__theme-toggle{border-radius:var(--radius-md);width:32px;height:32px;color:var(--navy-text);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__theme-toggle:hover{color:#fbbf24;background-color:#fbbf2426}.d-md-none{display:none!important}@media (width<=768px){.d-md-none{display:flex!important}}.mobile-topbar{background-color:var(--surface);border-bottom:1px solid var(--outline-light);height:60px;padding:0 var(--space-md);z-index:var(--z-sticky);align-items:center;gap:var(--space-md);display:flex;position:fixed;top:0;left:0;right:0}.mobile-topbar__toggle{color:var(--on-surface-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.mobile-topbar__logo{align-items:center;gap:var(--space-xs);color:var(--on-surface);font-size:16px;font-weight:700;display:flex}.text-primary{color:var(--primary)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-sticky) - 1);background-color:#00000080;position:fixed;inset:0}.sidebar__header{justify-content:space-between;align-items:center;display:flex}.sidebar__close-btn{color:#fff9;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar__close-btn:hover{color:#fff}.app-layout__main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}@media (width<=768px){.app-layout{padding-top:60px}.app-layout__main{min-height:calc(100vh - 60px);margin-left:0}.sidebar{z-index:var(--z-sticky);width:280px;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.app-layout__main{margin-left:0}}.notes-container{background-color:var(--background);width:100vw;height:100vh;color:var(--on-surface);font-family:var(--font-family);display:flex;overflow:hidden}.notes-sidebar{width:var(--sidebar-width);background-color:var(--navy);color:var(--navy-text);padding:var(--space-md);border-right:1px solid var(--outline-variant);flex-direction:column;flex-shrink:0;display:flex}.notes-sidebar__header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-lg) 0;border-bottom:1px solid var(--navy-light);display:flex}.notes-sidebar__logo{color:var(--primary)}.notes-sidebar__title{color:#fff;letter-spacing:var(--letter-spacing-tight);font-size:16px;font-weight:600}.notes-sidebar__new-btn{justify-content:center;align-items:center;gap:var(--space-xs);background-color:var(--primary);color:#fff;border-radius:var(--radius-md);margin-top:var(--space-md);margin-bottom:var(--space-md);transition:background-color var(--transition-fast);padding:10px;font-weight:500;display:flex}.notes-sidebar__new-btn:hover{background-color:var(--primary-hover)}.notes-sidebar__menu{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.notes-sidebar__menu-label{text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-md);margin-bottom:var(--space-xs);color:var(--navy-text);opacity:.6;font-size:10px;font-weight:600}.notes-sidebar__menu-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);text-align:left;color:var(--navy-text);transition:all var(--transition-fast);padding:10px 12px;font-size:13px;font-weight:450;display:flex}.notes-sidebar__menu-item:hover{background-color:var(--navy-light);color:var(--navy-text-active)}.notes-sidebar__menu-item.active{background-color:var(--navy-lighter);color:#fff;font-weight:500}.notes-sidebar__menu-item--locked:hover{color:var(--warning)}.notes-sidebar__menu-item--unlocked{color:var(--success)}.notes-sidebar__footer{padding-top:var(--space-md);border-top:1px solid var(--navy-light)}.notes-sidebar__lock-btn{border:1px solid var(--error);width:100%;color:var(--error);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px;font-size:12px;font-weight:500}.notes-sidebar__lock-btn:hover{background-color:var(--error);color:#fff}.notes-list{width:var(--secondary-panel-width);background-color:var(--surface);border-right:1px solid var(--outline-light);flex-direction:column;flex-shrink:0;display:flex}.notes-list__search{padding:var(--space-md);border-bottom:1px solid var(--outline-light);position:relative}.notes-list__search-icon{color:var(--on-surface-muted);position:absolute;top:50%;left:28px;transform:translateY(-50%)}.notes-list__search-input{background-color:var(--background);border:1px solid var(--outline-light);border-radius:var(--radius-md);width:100%;color:var(--on-surface);transition:border-color var(--transition-fast);padding:10px 12px 10px 36px;font-size:13px}.notes-list__search-input:focus{border-color:var(--primary);background-color:var(--surface)}.notes-list__items{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.notes-list__empty{padding:var(--space-xl);text-align:center;color:var(--on-surface-muted);font-size:13px}.notes-list__item{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--outline-light);background-color:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.notes-list__item:hover{background-color:var(--surface-hover);border-color:var(--outline-variant)}.notes-list__item.active{background-color:var(--primary-lighter);border-color:var(--primary-light)}.notes-list__item-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.notes-list__item-title{color:var(--on-surface);flex:1;font-size:13.5px;font-weight:600}.notes-list__item-date{color:var(--on-surface-muted);font-size:11px}.notes-list__item-preview{color:var(--on-surface-variant);margin-bottom:var(--space-sm);height:34px;font-size:12px;line-height:1.4}.truncate-2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notes-list__item-footer{justify-content:space-between;align-items:center;display:flex}.notes-list__item-tag{text-transform:uppercase;border-radius:var(--radius-sm);padding:2px 6px;font-size:10px;font-weight:600}.notes-list__item-tag--personal{color:#0369a1;background-color:#e0f2fe}.notes-list__item-tag--work{color:#6b21a8;background-color:#f3e8ff}.notes-list__item-tag--private{background-color:var(--success-light);color:var(--success-hover)}.notes-list__item-star{color:#eab308;fill:#eab308}.notes-editor{background-color:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.notes-editor__wrapper{height:100%;padding:var(--space-lg);flex-direction:column;display:flex}.notes-editor__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.notes-editor__title-input{color:var(--on-surface);letter-spacing:var(--letter-spacing-tight);flex:1;padding:4px 0;font-size:22px;font-weight:600}.notes-editor__actions{gap:var(--space-xs);display:flex}.notes-editor__action-btn{border-radius:var(--radius-md);color:var(--on-surface-muted);transition:all var(--transition-fast);padding:8px}.notes-editor__action-btn:hover{background-color:var(--surface-hover);color:var(--on-surface)}.notes-editor__action-btn.active{color:#eab308}.notes-editor__action-btn--delete:hover{background-color:var(--error-light);color:var(--error)}.notes-editor__meta{gap:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--outline-light);margin-bottom:var(--space-md);color:var(--on-surface-muted);font-size:12px;display:flex}.notes-editor__meta-item{align-items:center;gap:var(--space-xs);display:flex}.notes-editor__select{border-radius:var(--radius-sm);background-color:var(--background);border:1px solid var(--outline-light);padding:2px 6px;font-weight:500}.notes-editor__content-input{resize:none;color:var(--on-surface-variant);flex:1;font-family:inherit;font-size:14px;line-height:1.6}.notes-editor__empty{height:100%;color:var(--on-surface-muted);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.notes-editor__empty-create-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);transition:background-color var(--transition-fast);padding:10px 20px;font-weight:500}.notes-editor__empty-create-btn:hover{background-color:var(--primary-hover)}.notes-vault{height:100%;padding:var(--space-xl);background:radial-gradient(circle at center, var(--surface) 0%, var(--background) 100%);justify-content:center;align-items:center;display:flex}.notes-vault__form{background-color:var(--surface);border:1px solid var(--outline-light);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:420px}.notes-vault__icon-wrapper{border-radius:var(--radius-full);background-color:var(--primary-lighter);width:56px;height:56px;color:var(--primary);margin:0 auto var(--space-md) auto;box-shadow:0 0 0 4px var(--primary-light);justify-content:center;align-items:center;display:flex}.notes-vault__form h2{margin-bottom:var(--space-sm);color:var(--on-surface);font-size:18px;font-weight:600}.notes-vault__form p{color:var(--on-surface-muted);margin-bottom:var(--space-lg);font-size:13px;line-height:1.5}.notes-vault__input{border-radius:var(--radius-md);border:1px solid var(--outline-light);background-color:var(--background);width:100%;color:var(--on-surface);margin-bottom:var(--space-md);text-align:center;transition:all var(--transition-fast);padding:12px;font-size:14px}.notes-vault__input:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:var(--shadow-focus)}.notes-vault__error{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--error);background-color:var(--error-light);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:10px;font-size:12.5px;display:flex}.notes-vault__submit-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);width:100%;transition:background-color var(--transition-fast);padding:12px;font-weight:600}.notes-vault__submit-btn:hover{background-color:var(--primary-hover)}.notes-vault__progress{text-align:center;width:100%;max-width:320px}.notes-vault__spinner{color:var(--primary);margin-bottom:var(--space-md)}.notes-vault__progress h3{margin-bottom:var(--space-md);font-size:16px;font-weight:600}.notes-vault__progress-bar-wrapper{background-color:var(--outline-light);border-radius:var(--radius-full);width:100%;height:6px;margin-bottom:var(--space-sm);overflow:hidden}.notes-vault__progress-bar{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.notes-vault__status-text{color:var(--on-surface-muted);font-size:12px}.notes-mobile-topbar,.notes-sidebar__close-btn,.notes-editor__back-btn,.notes-vault__back-btn{display:none}@media (width<=768px){.notes-container{flex-direction:column;width:100vw;height:100vh;padding-top:56px;position:relative}.notes-mobile-topbar{background-color:var(--navy);color:#fff;height:56px;padding:0 var(--space-md);z-index:15;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.notes-mobile-topbar__menu-btn{color:var(--navy-text);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notes-mobile-topbar__title{letter-spacing:var(--letter-spacing-tight);font-size:16px;font-weight:700}.notes-mobile-topbar__new-btn{color:#fff;border-radius:var(--radius-md);background-color:#ffffff14;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notes-sidebar{z-index:30;width:280px;transition:transform var(--transition-spring);box-shadow:var(--shadow-xl);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.notes-sidebar--open{transform:translate(0)}.notes-sidebar__close-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--navy-text);justify-content:center;align-items:center;display:flex}.notes-sidebar__close-btn:hover{color:#fff;background-color:var(--navy-light)}.notes-sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:25;background-color:#00000080;animation:.2s forwards fadeIn;position:fixed;inset:0}.notes-list{border-right:none;width:100%;height:100%}.notes-list--hidden-mobile{display:none!important}.notes-editor{width:100%;height:100%;display:none}.notes-editor--active-mobile{display:flex!important}.notes-editor__wrapper{padding:var(--space-md)}.notes-editor__back-btn{color:var(--on-surface-variant);margin-right:var(--space-sm);border-radius:var(--radius-md);background-color:var(--surface-hover);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notes-editor__title-input{font-size:18px}.notes-vault{padding:var(--space-md);flex-direction:column;position:relative}.notes-vault__back-btn{align-items:center;gap:var(--space-xs);top:var(--space-md);left:var(--space-md);background-color:var(--surface-hover);border-radius:var(--radius-md);color:var(--on-surface-variant);padding:6px 12px;font-size:12px;font-weight:500;display:flex;position:absolute}.notes-vault__form{padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-md)}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:500;display:inline-flex;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn--sm{border-radius:var(--radius-sm);height:32px;padding:0 12px;font-size:12px;line-height:16px}.btn--md{height:40px;padding:0 16px;font-size:14px;line-height:20px}.btn--lg{height:48px;padding:0 24px;font-size:14px;font-weight:600;line-height:20px}.btn--primary{background-color:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active:not(:disabled){background-color:var(--primary-active);transform:translateY(0)}.btn--secondary{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--outline-light)}.btn--secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--outline-variant)}.btn--secondary:active:not(:disabled){background-color:var(--surface-active)}.btn--danger{background-color:var(--error);color:var(--on-error)}.btn--danger:hover:not(:disabled){background-color:var(--error-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--danger:active:not(:disabled){transform:translateY(0)}.btn--danger:focus-visible{box-shadow:var(--shadow-focus-error)}.btn--ghost{color:var(--on-surface-variant);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--on-surface)}.btn--link{color:var(--primary);background:0 0;height:auto;padding:0;font-weight:500}.btn--link:hover:not(:disabled){color:var(--primary-hover);text-decoration:underline}.btn--full{width:100%}.btn--loading{cursor:wait}.btn__spinner{animation:.8s linear infinite spin}.btn__icon,.btn__text{flex-shrink:0}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group__label{font:var(--font-label);color:var(--on-surface)}.input-group__required{color:var(--error);margin-left:2px}.input-group__wrapper{align-items:center;display:flex;position:relative}.input-group__icon{color:var(--on-surface-muted);pointer-events:none;z-index:1;transition:color var(--transition-base);position:absolute;left:12px}.input-group__input{width:100%;height:44px;font:var(--font-body);color:var(--on-surface);background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-md);transition:all var(--transition-base);padding:0 14px}.input-group__input--has-icon{padding-left:40px}.input-group__input--has-toggle{padding-right:44px}.input-group__input::placeholder{color:var(--on-surface-muted)}.input-group__input:hover{background-color:var(--surface-hover);border-color:var(--outline-variant)}.input-group__input:focus{border-color:var(--primary);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px #1a56db1f}.input-group__input:focus~.input-group__icon,.input-group__wrapper:focus-within .input-group__icon{color:var(--primary)}.input-group__toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--on-surface-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.input-group__toggle:hover{color:var(--on-surface);background-color:var(--surface-hover)}.input-group--error .input-group__input{border-color:var(--error)}.input-group--error .input-group__input:focus{border-color:var(--error);box-shadow:0 0 0 3px #ba1a1a1f}.input-group--error .input-group__icon{color:var(--error)}.input-group__error{font:var(--font-body-sm);color:var(--error);margin-top:2px}.input-group__input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-hover)}.auth-page{min-height:100vh;display:flex}.auth-hero{background-color:var(--navy);padding:var(--space-3xl);background-image:radial-gradient(circle at 20% 80%,#1a56db26 0%,#0000 50%),radial-gradient(circle at 80% 20%,#4f46e51a 0%,#0000 50%);flex-direction:column;flex:1;justify-content:center;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#1a56db14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-30%}.auth-hero__badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:#93b4ff;margin-bottom:var(--space-lg);background:#1a56db26;border:1px solid #1a56db4d;width:fit-content;padding:6px 14px;font-size:12px;font-weight:600;animation:.5s forwards fadeInUp;display:inline-flex}.auth-hero__title{color:#fff;letter-spacing:-.03em;margin-bottom:var(--space-md);opacity:0;max-width:480px;font-size:36px;font-weight:800;line-height:1.2;animation:.5s .1s forwards fadeInUp}.auth-hero__title span{background:linear-gradient(135deg,#93b4ff 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-hero__subtitle{color:var(--navy-text);max-width:420px;margin-bottom:var(--space-xl);opacity:0;font-size:15px;line-height:1.7;animation:.5s .2s forwards fadeInUp}.auth-hero__features{gap:var(--space-md);opacity:0;flex-direction:column;animation:.5s .3s forwards fadeInUp;display:flex}.auth-hero__feature{align-items:center;gap:var(--space-sm);display:flex}.auth-hero__feature-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--primary);background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-hero__feature-text{flex-direction:column;display:flex}.auth-hero__feature-title{color:#fff;font-size:13px;font-weight:600}.auth-hero__feature-desc{color:var(--navy-text);font-size:12px}.auth-hero__steps{gap:var(--space-lg);opacity:0;flex-direction:column;animation:.5s .3s forwards fadeInUp;display:flex}.auth-hero__step{gap:var(--space-md);display:flex}.auth-hero__step-number{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.auth-hero__step-content{flex-direction:column;gap:2px;display:flex}.auth-hero__step-title{color:#fff;font-size:14px;font-weight:600}.auth-hero__step-desc{color:var(--navy-text);font-size:12px;line-height:1.5}.auth-form-section{padding:var(--space-xl);background-color:var(--background);flex:1;justify-content:center;align-items:center;display:flex}.auth-form-container{width:100%;max-width:420px;animation:.4s fadeIn}.auth-form__header{margin-bottom:var(--space-xl)}.auth-form__logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.auth-form__logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-form__logo-text{color:var(--on-surface);letter-spacing:-.02em;font-size:20px;font-weight:700}.auth-form__title{font:var(--font-h1);letter-spacing:var(--letter-spacing-tight);color:var(--on-surface);margin-bottom:var(--space-xs)}.auth-form__desc{font:var(--font-body);color:var(--on-surface-muted)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form__row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.auth-form__error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--error-light);color:var(--error);border-radius:var(--radius-md);font-size:13px;font-weight:500;animation:.3s fadeInDown;display:flex}.auth-form__divider{align-items:center;gap:var(--space-md);margin:var(--space-xs) 0;display:flex}.auth-form__divider:before,.auth-form__divider:after{content:"";background-color:var(--outline-light);flex:1;height:1px}.auth-form__divider span{color:var(--on-surface-muted);white-space:nowrap;font-size:12px}.auth-form__footer{text-align:center;font:var(--font-body);color:var(--on-surface-muted);margin-top:var(--space-sm)}.auth-form__footer a{color:var(--primary);transition:color var(--transition-base);font-weight:600;text-decoration:none}.auth-form__footer a:hover{color:var(--primary-hover);text-decoration:underline}.auth-demo{padding:var(--space-md);background-color:var(--primary-lighter);border:1px solid var(--primary-light);border-radius:var(--radius-lg)}.auth-demo__title{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:12px;font-weight:700}.auth-demo__accounts{gap:var(--space-sm);flex-direction:column;display:flex}.auth-demo__account{padding:var(--space-sm) var(--space-sm);background-color:var(--surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.auth-demo__account:hover{border-color:var(--primary);box-shadow:0 0 0 2px #1a56db1a}.auth-demo__account-info{flex-direction:column;display:flex}.auth-demo__account-email{color:var(--on-surface);font-size:12px;font-weight:600}.auth-demo__account-role{color:var(--on-surface-muted);text-transform:uppercase;font-size:10px}.auth-demo__account-action{color:var(--primary);font-size:11px;font-weight:600}.waiting-page{background-color:var(--background);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.waiting-card{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:.5s fadeInUp}.waiting-card__icon{border-radius:var(--radius-full);background:var(--warning-light);width:72px;height:72px;margin:0 auto var(--space-lg);color:var(--warning);justify-content:center;align-items:center;animation:3s ease-in-out infinite float;display:flex}.waiting-card__title{font:var(--font-h2);color:var(--on-surface);margin-bottom:var(--space-sm)}.waiting-card__desc{font:var(--font-body);color:var(--on-surface-muted);margin-bottom:var(--space-lg);line-height:1.6}.waiting-card__info{gap:var(--space-sm);padding:var(--space-md);background-color:var(--surface-hover);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.waiting-card__info-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.waiting-card__info-label{color:var(--on-surface-muted)}.waiting-card__info-value{color:var(--on-surface);font-weight:600}.waiting-card__actions{gap:var(--space-sm);flex-direction:column;display:flex}.waiting-card__alert{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:left;border:1px solid;animation:.3s fadeInUp;display:flex}.waiting-card__alert--info{background-color:var(--info-light);border-color:var(--info);color:var(--info)}.waiting-card__alert--error{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.waiting-card__alert--warning{background-color:var(--warning-light);border-color:var(--warning);color:var(--warning)}.waiting-card__alert-icon{flex-shrink:0;margin-top:2px}.waiting-card__alert-title{margin-bottom:2px;font-size:14px;font-weight:700}.waiting-card__alert-text{opacity:.85;font-size:12px;line-height:1.5}.login-notification{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid;font-size:13px;font-weight:500;animation:.4s fadeInDown;display:flex}.login-notification--success{background-color:var(--success-light);border-color:var(--success);color:var(--success)}.login-notification--error{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.login-notification--info{background-color:var(--info-light);border-color:var(--info);color:var(--info)}@media (width<=900px){.auth-hero{display:none}.auth-form-section{flex:1}}@media (width<=480px){.auth-form-section{padding:var(--space-md)}.auth-form__row{grid-template-columns:1fr}}.badge{border-radius:var(--radius-full);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.badge--sm{padding:2px 8px;font-size:10px;line-height:14px}.badge--md{padding:2px 10px;font-size:12px;line-height:18px}.badge--default{background-color:var(--surface-container-high);color:var(--on-surface-variant)}.badge--primary{background-color:var(--primary-light);color:var(--primary-dark)}.badge--success{background-color:var(--success-light);color:var(--success)}.badge--warning{background-color:var(--warning-light);color:var(--warning)}.badge--danger{background-color:var(--error-light);color:var(--error)}.badge--info{background-color:var(--info-light);color:var(--info)}.badge__dot{border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0;width:6px;height:6px}.chat-page{background-color:var(--background);flex:1;height:100%;min-height:0;display:flex;position:relative}.chat-list{width:var(--secondary-panel-width);background-color:var(--surface);border-right:1px solid var(--outline-light);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.chat-list__header{padding:var(--space-lg) var(--space-md) var(--space-sm);justify-content:space-between;align-items:center;display:flex}.chat-list__title{font:var(--font-h2);color:var(--on-surface)}.chat-list__new-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--primary);background-color:var(--primary-lighter);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.chat-list__new-btn:hover{background-color:var(--primary-light)}.chat-list__search{padding:0 var(--space-md) var(--space-sm);position:relative}.chat-list__search-icon{color:var(--on-surface-muted);pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.chat-list__search-input{background-color:var(--surface-hover);border-radius:var(--radius-md);width:100%;height:38px;color:var(--on-surface);transition:all var(--transition-base);border:1px solid #0000;padding:0 14px 0 40px;font-size:13px}.chat-list__search-input:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px #1a56db14}.chat-list__search-input::placeholder{color:var(--on-surface-muted)}.chat-list__conversations{padding:var(--space-xs);flex:1;overflow-y:auto}.chat-list__empty{padding:var(--space-xl);text-align:center;color:var(--on-surface-muted);font-size:13px}.conv-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex}.conv-item:hover{background-color:var(--surface-hover)}.conv-item--active{background-color:var(--primary-lighter)}.conv-item--active:hover{background-color:var(--primary-light)}.conv-item__content{flex:1;min-width:0}.conv-item__top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conv-item__name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.conv-item__time{color:var(--on-surface-muted);margin-left:var(--space-sm);flex-shrink:0;font-size:11px}.conv-item__bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.conv-item__preview{color:var(--on-surface-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.conv-item__sender{color:var(--on-surface-variant);font-weight:600}.conv-item__unread{border-radius:var(--radius-full);background-color:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-window{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.chat-window--empty{background-color:var(--background);justify-content:center;align-items:center}.chat-window__empty-state{text-align:center;color:var(--on-surface-muted);animation:.4s fadeIn}.chat-window__empty-icon{border-radius:var(--radius-full);background-color:var(--surface-container);width:72px;height:72px;margin:0 auto var(--space-md);color:var(--on-surface-muted);justify-content:center;align-items:center;display:flex}.chat-window__empty-state h2{font:var(--font-h2);color:var(--on-surface);margin-bottom:var(--space-xs)}.chat-window__empty-state p{font:var(--font-body)}.chat-window__header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--surface);border-bottom:1px solid var(--outline-light);height:var(--header-height);flex-shrink:0;display:flex}.chat-window__back{border-radius:var(--radius-md);width:36px;height:36px;color:var(--on-surface-variant);justify-content:center;align-items:center;display:none}.chat-window__header-info{flex:1;min-width:0}.chat-window__header-name{color:var(--on-surface);font-size:14px;font-weight:600;display:block}.chat-window__header-status{color:var(--on-surface-muted);align-items:center;gap:4px;font-size:12px;display:flex}.chat-window__header-status--online{color:var(--success)}.chat-window__online-dot{background-color:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.chat-window__header-actions{align-items:center;gap:4px;display:flex}.chat-window__action{border-radius:var(--radius-md);width:36px;height:36px;color:var(--on-surface-variant);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.chat-window__action:hover{background-color:var(--surface-hover);color:var(--on-surface)}.chat-window__messages{padding:var(--space-md) var(--space-lg);background-color:var(--background);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.chat-window__encryption-notice{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) auto var(--space-lg);background-color:var(--warning-light);border-radius:var(--radius-full);color:var(--warning-hover);max-width:460px;font-size:11px;display:flex}.msg{align-items:flex-end;gap:var(--space-sm);max-width:65%;animation:.2s forwards fadeInUp;display:flex}.msg--sent{flex-direction:row-reverse;align-self:flex-end}.msg--received{align-self:flex-start}.msg__avatar-spacer{flex-shrink:0;width:32px}.msg__bubble{border-radius:var(--radius-lg);word-break:break-word;padding:10px 14px;position:relative}.msg--sent .msg__bubble{background-color:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.msg--received .msg__bubble{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--outline-light);border-bottom-left-radius:var(--radius-sm)}.msg__text{font-size:13px;line-height:1.5}.msg__wiped{opacity:.6;font-size:13px;font-style:italic}.msg__meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.msg__time{opacity:.7;font-size:10px}.tick{flex-shrink:0}.tick--sent{opacity:.6}.tick--delivered{opacity:.7}.tick--read{color:#60d0ff;opacity:1}.msg--sent .tick--read{color:#93e4ff}.typing-dots{align-items:center;gap:4px;padding:12px 16px;display:flex}.typing-dots__dot{background-color:var(--on-surface-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotBounce}.typing-dots__dot:nth-child(2){animation-delay:.2s}.typing-dots__dot:nth-child(3){animation-delay:.4s}.chat-window__input-area{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--surface);border-top:1px solid var(--outline-light);display:flex}.chat-window__input-action{border-radius:var(--radius-md);width:36px;height:36px;color:var(--on-surface-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-window__input-action:hover{background-color:var(--surface-hover);color:var(--on-surface)}.chat-window__input-wrapper{flex:1;position:relative}.chat-window__input{background-color:var(--surface-hover);border-radius:var(--radius-full);width:100%;height:42px;color:var(--on-surface);transition:all var(--transition-base);border:1px solid #0000;padding:0 44px 0 14px;font-size:13px}.chat-window__input:focus{background-color:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px #1a56db14}.chat-window__input::placeholder{color:var(--on-surface-muted)}.chat-window__emoji-container{align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.chat-window__emoji{border-radius:var(--radius-full);width:28px;height:28px;color:var(--on-surface-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-window__emoji:hover{color:var(--warning)}.chat-window__emoji-picker{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown,100);transform-origin:100% 100%;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;animation:.18s slideUpFade;display:grid;position:absolute;bottom:calc(100% + 12px);right:0}.chat-window__emoji-item{cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast,.1s);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:20px;display:flex}.chat-window__emoji-item:hover{background-color:var(--surface-hover);transform:scale(1.15)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-window__send{border-radius:var(--radius-full);background-color:var(--surface-hover);width:42px;height:42px;color:var(--on-surface-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-window__send--active{background-color:var(--primary);color:#fff}.chat-window__send--active:hover{background-color:var(--primary-hover);transform:scale(1.05)}@media (width<=768px){.chat-list{z-index:2;width:100%;position:absolute;inset:0}.chat-list--hidden-mobile{display:none}.chat-window__back{display:flex}.msg{max-width:85%}}.typing-indicator{align-items:center;gap:var(--space-xs);background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);align-self:flex-start;padding:4px 14px;animation:.2s forwards fadeInUp;display:flex}.typing-indicator .typing-dots{padding:4px 0}.typing-indicator .typing-dots__dot{width:6px;height:6px}.typing-indicator__text{color:var(--on-surface-muted);font-size:11px;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.chat-list{z-index:2;border-right:none;width:100%}.chat-list--hidden-mobile{display:none}.chat-window__back{display:flex}.chat-window--empty{display:none!important}}.e2ee-unlock-container{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:999;padding:var(--space-lg);background-color:#111928d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.e2ee-unlock-card{border-radius:var(--radius-xl,16px);width:100%;max-width:440px;padding:var(--space-xl);text-align:center;background:#171f30b3;border:1px solid #ffffff14;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;box-shadow:0 8px 32px #0000005e}.e2ee-unlock-card__icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--primary);background:#1a56db26;border:1px solid #1a56db4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.e2ee-unlock-card__title{color:var(--on-surface);margin-bottom:var(--space-sm);font-size:20px;font-weight:700}.e2ee-unlock-card__desc{color:var(--on-surface-muted);margin-bottom:var(--space-xl);font-size:13px;line-height:1.6}.e2ee-unlock-card__form{gap:var(--space-md);flex-direction:column;display:flex}.e2ee-unlock-card__input{width:100%;height:46px;padding:0 var(--space-md);border-radius:var(--radius-lg,8px);color:var(--on-surface);transition:all var(--transition-base);text-align:center;background-color:#11192880;border:1px solid #ffffff1a;font-size:14px}.e2ee-unlock-card__input:focus{border-color:var(--primary);background-color:#111928cc;outline:none;box-shadow:0 0 0 3px #1a56db26}.e2ee-unlock-card__error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md,6px);color:var(--error,#ef4444);text-align:center;background-color:#ef44441a;border:1px solid #ef444433;font-size:12px}.e2ee-unlock-card__submit-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-lg,8px);cursor:pointer;width:100%;height:46px;transition:all var(--transition-base);border:none;font-size:14px;font-weight:600}.e2ee-unlock-card__submit-btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.e2ee-unlock-card__submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-window__header-actions{position:relative}.chat-window__action--active{background-color:var(--surface-hover)!important;color:var(--primary)!important}.chat-window__dropdown{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg,12px);width:220px;box-shadow:var(--shadow-lg);z-index:1000;transform-origin:100% 0;flex-direction:column;gap:2px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFadeDropdown;display:flex;position:absolute;top:calc(100% + 8px);right:0}.chat-window__dropdown-item{align-items:center;gap:var(--space-sm,10px);border-radius:var(--radius-md,8px);color:var(--on-surface-variant);cursor:pointer;text-align:left;transition:all var(--transition-fast,.15s) ease;background:0 0;border:none;width:100%;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.chat-window__dropdown-item:hover{background-color:var(--surface-hover);color:var(--on-surface)}.chat-window__dropdown-item svg{color:var(--on-surface-muted);transition:color var(--transition-fast,.15s) ease;flex-shrink:0}.chat-window__dropdown-item:hover svg{color:var(--primary)}.chat-window__dropdown-item--danger{color:var(--error,#ef4444)}.chat-window__dropdown-item--danger:hover{color:var(--error,#ef4444);background-color:#ef444414!important}.chat-window__dropdown-item--danger svg{color:var(--error,#ef4444)}.chat-window__dropdown-item--danger:hover svg{color:var(--error,#ef4444)!important}.chat-window__dropdown-divider{background-color:var(--outline-light);height:1px;margin:4px 6px}@keyframes slideUpFadeDropdown{0%{opacity:0;transform:translateY(4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.e2ee-unlock-card__divider{text-align:center;margin:var(--space-lg) 0;color:var(--on-surface-muted);letter-spacing:.1em;align-items:center;font-size:11px;font-weight:600;display:flex}.e2ee-unlock-card__divider:before,.e2ee-unlock-card__divider:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.e2ee-unlock-card__divider:not(:empty):before{margin-right:.75em}.e2ee-unlock-card__divider:not(:empty):after{margin-left:.75em}.e2ee-unlock-card__reset-section{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.e2ee-unlock-card__reset-info{color:var(--on-surface-muted);font-size:12px;line-height:1.5}.e2ee-unlock-card__reset-btn{width:100%;height:40px;color:var(--on-surface-muted);border-radius:var(--radius-lg,8px);cursor:pointer;transition:all var(--transition-base);background-color:#0000;border:1px dashed #ffffff26;font-size:13px;font-weight:500}.e2ee-unlock-card__reset-btn:hover:not(:disabled){color:var(--error,#ef4444);background-color:#ef44440a;border-color:#ef444466}.e2ee-unlock-card__reset-btn:disabled{opacity:.5;cursor:not-allowed}.discover-page{padding:var(--space-lg) var(--space-xl);max-width:1200px;animation:.3s fadeIn}@media (width<=768px){.discover-page{padding:var(--space-md)}}.discover-page__header{margin-bottom:var(--space-lg)}.discover-page__title{font:var(--font-h1);letter-spacing:var(--letter-spacing-tight);color:var(--on-surface);align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.discover-page__title-icon{color:var(--primary)}.discover-page__subtitle{font:var(--font-body);color:var(--on-surface-muted)}.discover-page__toolbar{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.discover-page__search{max-width:480px;position:relative}.discover-page__search-icon{color:var(--on-surface-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.discover-page__search-input{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-md);width:100%;height:42px;color:var(--on-surface);transition:all var(--transition-base);padding:0 14px 0 42px;font-size:13px}.discover-page__search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}.discover-page__search-input::placeholder{color:var(--on-surface-muted)}.discover-page__filters{gap:var(--space-sm);flex-wrap:wrap;display:flex}.discover-page__filter-chip{border-radius:var(--radius-full);background-color:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-light);cursor:pointer;transition:all var(--transition-base);padding:6px 14px;font-size:12px;font-weight:500}.discover-page__filter-chip:hover{border-color:var(--primary);color:var(--primary)}.discover-page__filter-chip--active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.discover-page__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.discover-page__empty{text-align:center;padding:var(--space-3xl);color:var(--on-surface-muted);grid-column:1/-1}.discover-page__empty p{margin-top:var(--space-sm)}.user-card{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-xl);transition:all var(--transition-base);opacity:0;overflow:hidden}.user-card:hover{border-color:var(--outline-variant);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-card__header{padding:var(--space-lg) var(--space-lg) var(--space-sm);flex-direction:column;align-items:center;display:flex;position:relative}.user-card__approved-badge{color:var(--success);border-radius:var(--radius-full);margin-top:var(--space-xs);background:#10b9811a;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.user-card__body{padding:0 var(--space-lg) var(--space-md);text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.user-card__name{color:var(--on-surface);font-size:15px;font-weight:600}.user-card__username{color:var(--on-surface-muted);font-size:12px}.user-card__bio{color:var(--on-surface-variant);margin-top:var(--space-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.user-card__footer{padding:0 var(--space-lg) var(--space-lg)}.user-card--skeleton{opacity:1;padding:var(--space-lg);align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.user-card__skeleton-avatar{border-radius:var(--radius-full);background:var(--surface-hover);width:64px;height:64px;animation:1.5s infinite pulse}.user-card__skeleton-name{border-radius:var(--radius-sm);background:var(--surface-hover);width:120px;height:16px;animation:1.5s infinite pulse}.user-card__skeleton-dept{border-radius:var(--radius-sm);background:var(--surface-hover);width:80px;height:12px;animation:1.5s infinite pulse}.user-card__skeleton-btn{border-radius:var(--radius-md);background:var(--surface-hover);width:100%;height:32px;margin-top:var(--space-md);animation:1.5s infinite pulse}@media (width<=600px){.discover-page{padding:var(--space-md)}.discover-page__grid{grid-template-columns:1fr}}.profile-page{padding:var(--space-xl);justify-content:center;animation:.3s fadeIn;display:flex}.profile-page__card{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-xl);width:100%;max-width:640px;box-shadow:var(--shadow-sm);opacity:0;overflow:hidden}.profile-banner{height:140px;position:relative;overflow:hidden}.profile-banner__gradient{background:linear-gradient(135deg, var(--navy) 0%, var(--primary) 50%, #4f46e5 100%);width:100%;height:100%}.profile-avatar-section{z-index:1;justify-content:center;margin-top:-48px;display:flex;position:relative}.profile-avatar-wrapper{position:relative}.profile-avatar-wrapper .avatar{border:4px solid var(--surface)}.profile-avatar__edit{border-radius:var(--radius-full);background-color:var(--primary);color:#fff;border:2px solid var(--surface);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.profile-avatar__edit:hover{background-color:var(--primary-hover);transform:scale(1.1)}.profile-avatar__remove{border-radius:var(--radius-full);background-color:var(--error);color:#fff;border:2px solid var(--surface);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;left:4px}.profile-avatar__remove:hover{background-color:#dc2626;transform:scale(1.1)}.profile-info{padding:var(--space-lg) var(--space-xl) var(--space-xl)}.profile-info__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.profile-info__name{font:var(--font-h1);letter-spacing:var(--letter-spacing-tight);color:var(--on-surface)}.profile-info__username{font:var(--font-body);color:var(--on-surface-muted)}.profile-info__badges{gap:var(--space-xs);flex-shrink:0;display:flex}.profile-info__bio{font:var(--font-body);color:var(--on-surface-variant);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--outline-light);line-height:1.6}.profile-info__details{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.profile-info__detail{align-items:center;gap:var(--space-sm);color:var(--on-surface-variant);font-size:13px;display:flex}.profile-info__detail svg{color:var(--on-surface-muted);flex-shrink:0}.profile-info__edit-form{gap:var(--space-md);flex-direction:column;display:flex}.profile-info__textarea{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-md);width:100%;font:var(--font-body);color:var(--on-surface);resize:vertical;transition:all var(--transition-base);padding:10px 14px}.profile-info__textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a56db1f}.profile-info__edit-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}@media (width<=600px){.profile-page,.profile-info{padding:var(--space-md)}.profile-info__header{flex-direction:column}}.admin-page{padding:var(--space-lg) var(--space-xl);max-width:1280px;animation:.3s fadeIn}@media (width<=768px){.admin-page{padding:var(--space-md)}}.admin-page__header{margin-bottom:var(--space-lg)}.admin-page__title{font:var(--font-h1);letter-spacing:var(--letter-spacing-tight);color:var(--on-surface);margin-bottom:var(--space-xs)}.admin-page__subtitle{font:var(--font-body);color:var(--on-surface-muted)}.admin-page__loading{justify-content:center;align-items:center;height:60vh;display:flex}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stat-card{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);transition:all var(--transition-base);opacity:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.stat-card__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card--primary .stat-card__icon{background-color:var(--primary-lighter);color:var(--primary)}.stat-card--success .stat-card__icon{background-color:var(--success-light);color:var(--success)}.stat-card--warning .stat-card__icon{background-color:var(--warning-light);color:var(--warning)}.stat-card--danger .stat-card__icon{background-color:var(--error-light);color:var(--error)}.stat-card--info .stat-card__icon{background-color:var(--info-light);color:var(--info)}.stat-card--default .stat-card__icon{background-color:var(--surface-container-high);color:var(--on-surface-variant)}.stat-card__value{color:var(--on-surface);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.stat-card__label{color:var(--on-surface-muted);font-size:12px;font-weight:500}.stat-card__change{top:var(--space-md);right:var(--space-md);color:var(--on-surface-muted);align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex;position:absolute}.stat-card__change--up{color:var(--success)}.admin-section{margin-bottom:var(--space-xl)}.admin-section__title{font:var(--font-h2);color:var(--on-surface);margin-bottom:var(--space-md)}.admin-card{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);overflow:visible}.audit-list{flex-direction:column;display:flex}.audit-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--outline-light);transition:background-color var(--transition-base);display:flex}.audit-item:last-child{border-bottom:none}.audit-item:hover{background-color:var(--surface-hover)}.audit-item__icon{border-radius:var(--radius-md);background-color:var(--surface-hover);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.audit-item__content{flex:1}.audit-item__text{color:var(--on-surface);margin-bottom:2px;font-size:13px;font-weight:500;display:block}.audit-item__meta{color:var(--on-surface-muted);font-size:11px}.admin-table-wrapper{overflow:visible}.admin-table{border-collapse:collapse;width:100%}.admin-table th{padding:var(--space-sm) var(--space-md);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-muted);background-color:var(--surface-hover);border-bottom:1px solid var(--outline-light);white-space:nowrap;font-size:11px;font-weight:700}.admin-table th:first-child{border-top-left-radius:var(--radius-lg)}.admin-table th:last-child{border-top-right-radius:var(--radius-lg)}.admin-table td{padding:var(--space-sm) var(--space-md);color:var(--on-surface);border-bottom:1px solid var(--outline-light);vertical-align:middle;font-size:13px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:var(--surface-hover)}.admin-table__user{align-items:center;gap:var(--space-sm);display:flex}.admin-table__user-info{flex-direction:column;display:flex}.admin-table__user-name{color:var(--on-surface);font-weight:600}.admin-table__user-email{color:var(--on-surface-muted);font-size:11px}.admin-table__actions{gap:var(--space-xs);display:flex}.admin-table__status-select{border-radius:var(--radius-md);border:1px solid var(--outline-light);background-color:var(--surface-hover);height:32px;color:var(--on-surface);cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:0 28px 0 10px;font-size:12px;font-weight:600}.admin-table__status-select:hover{border-color:var(--primary)}.admin-table__status-select:focus{border-color:var(--primary);box-shadow:var(--shadow-focus);outline:none}.admin-table__status-select:disabled{opacity:.6;cursor:wait}.admin-table__status-select--active{border-color:var(--success);color:var(--success);background-color:var(--success-light)}.admin-table__status-select--pending{border-color:var(--warning);color:var(--warning);background-color:var(--warning-light)}.admin-table__status-select--suspended,.admin-table__status-select--banned{border-color:var(--error);color:var(--error);background-color:var(--error-light)}.admin-table__protected{color:var(--on-surface-muted);font-size:11px;font-style:italic;font-weight:600}.status-dropdown{display:inline-block;position:relative}.status-dropdown__trigger{border-radius:var(--radius-md);border:1px solid var(--outline-light);background-color:var(--surface);height:34px;color:var(--on-surface);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.status-dropdown__trigger:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.status-dropdown__trigger:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133, var(--shadow-sm);outline:none}.status-dropdown__trigger:disabled{opacity:.5;cursor:wait}.status-dropdown__trigger--active{border-color:var(--success);background-color:var(--success-light)}.status-dropdown__trigger--suspended{border-color:var(--warning);background-color:var(--warning-light)}.status-dropdown__trigger--banned{border-color:var(--error);background-color:var(--error-light)}.status-dropdown__trigger--pending{border-color:var(--warning);background-color:var(--warning-light)}.status-dropdown__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dropdown__chevron{color:var(--on-surface-muted);transition:transform var(--transition-base);flex-shrink:0;align-items:center;margin-top:1px;display:inline-flex}.status-dropdown__chevron--open{transform:rotate(180deg)}.status-dropdown__menu{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);transform-origin:100% 0;padding:6px;animation:.15s scaleIn;position:absolute;top:calc(100% + 6px);right:0}.status-dropdown__option{border-radius:var(--radius-md);width:100%;color:var(--on-surface);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.status-dropdown__option:hover{background-color:var(--surface-hover)}.status-dropdown__option--selected{background-color:var(--primary-lighter);font-weight:600}.status-dropdown__check{color:var(--primary);margin-left:auto}.admin-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.admin-toolbar__search{flex:1;max-width:320px;position:relative}.admin-toolbar__search-icon{color:var(--on-surface-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-toolbar__search-input{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-md);width:100%;height:38px;color:var(--on-surface);transition:all var(--transition-base);padding:0 14px 0 38px;font-size:13px}.admin-toolbar__search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db14}.admin-toolbar__search-input::placeholder{color:var(--on-surface-muted)}.admin-toolbar__filters{gap:var(--space-sm);display:flex}.admin-toolbar__filter{border-radius:var(--radius-full);background-color:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-light);cursor:pointer;transition:all var(--transition-base);padding:6px 14px;font-size:12px;font-weight:500}.admin-toolbar__filter:hover{border-color:var(--primary);color:var(--primary)}.admin-toolbar__filter--active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.perm-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.perm-card{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.perm-card:hover{box-shadow:var(--shadow-sm)}.perm-card__users{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.perm-card__arrow{color:var(--on-surface-muted);flex-shrink:0;font-size:16px}.perm-card__user{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.perm-card__user-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.perm-card__user-dept{color:var(--on-surface-muted);font-size:11px}.perm-card__meta{color:var(--on-surface-muted);margin-bottom:var(--space-md);font-size:11px}.perm-card__actions{gap:var(--space-sm);display:flex}.wipe-section{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.wipe-section--danger{border-color:var(--error);border-width:2px}.wipe-section__header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.wipe-section__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wipe-section__icon--warning{background-color:var(--warning-light);color:var(--warning)}.wipe-section__icon--danger{background-color:var(--error-light);color:var(--error)}.wipe-section__title{color:var(--on-surface);margin-bottom:4px;font-size:16px;font-weight:600}.wipe-section__desc{color:var(--on-surface-muted);font-size:13px;line-height:1.5}.wipe-section__input-row{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.wipe-section__input{background-color:var(--surface-hover);border:1px solid var(--outline-light);border-radius:var(--radius-md);height:40px;color:var(--on-surface);flex:1;padding:0 14px;font-size:13px}.wipe-section__input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a56db14}.wipe-section__warning{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:var(--error-light);color:var(--error);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:12px;font-weight:500;display:flex}.monitor-grid{gap:var(--space-md);grid-template-columns:340px 1fr;height:calc(100vh - 160px);display:grid}.monitor-convos{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);overflow-y:auto}.monitor-convos__header{padding:var(--space-md);border-bottom:1px solid var(--outline-light);color:var(--on-surface);font-size:14px;font-weight:600}.monitor-chat{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.monitor-chat__header{padding:var(--space-md);border-bottom:1px solid var(--outline-light);align-items:center;gap:var(--space-sm);display:flex}.monitor-chat__back-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--on-surface-variant);background-color:var(--surface-hover);margin-right:var(--space-xs);flex-shrink:0;justify-content:center;align-items:center;display:none}.monitor-chat__messages{padding:var(--space-md);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.monitor-chat__notice{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background-color:var(--info-light);color:var(--info);border-radius:var(--radius-full);margin-bottom:var(--space-md);font-size:11px;display:flex}.monitor-chat__empty{height:100%;color:var(--on-surface-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.wipe-browser{gap:var(--space-md);grid-template-columns:340px 1fr;height:calc(100vh - 240px);min-height:400px;display:grid}.wipe-browser__sidebar{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.wipe-browser__sidebar-header{padding:var(--space-sm);border-bottom:1px solid var(--outline-light)}.wipe-browser__search{position:relative}.wipe-browser__search-icon{color:var(--on-surface-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.wipe-browser__search-input{background-color:var(--surface-hover);border-radius:var(--radius-md);width:100%;height:36px;color:var(--on-surface);transition:all var(--transition-base);border:1px solid #0000;padding:0 12px 0 32px;font-size:13px}.wipe-browser__search-input:focus{border-color:var(--primary);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px #1a56db14}.wipe-browser__search-input::placeholder{color:var(--on-surface-muted)}.wipe-browser__conv-list{flex:1;overflow-y:auto}.wipe-browser__loading,.wipe-browser__empty-list{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--on-surface-muted);flex-direction:column;font-size:13px;display:flex}.wipe-conv-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--outline-light);cursor:pointer;transition:all var(--transition-base);display:flex;position:relative}.wipe-conv-item:last-child{border-bottom:none}.wipe-conv-item:hover{background-color:var(--surface-hover)}.wipe-conv-item--active{background-color:var(--primary-lighter);border-left:3px solid var(--primary)}.wipe-conv-item__info{flex:1;min-width:0}.wipe-conv-item__name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wipe-conv-item__meta{color:var(--on-surface-muted);margin-top:2px;font-size:11px}.wipe-conv-item__delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--on-surface-muted);cursor:pointer;opacity:0;transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wipe-conv-item:hover .wipe-conv-item__delete{opacity:1}.wipe-conv-item__delete:hover{background-color:var(--error-light);color:var(--error)}.wipe-browser__main{background-color:var(--surface);border:1px solid var(--outline-light);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.wipe-browser__placeholder{justify-content:center;align-items:center;gap:var(--space-sm);height:100%;color:var(--on-surface-muted);text-align:center;padding:var(--space-xl);flex-direction:column;display:flex}.wipe-browser__placeholder h3{color:var(--on-surface-variant);font-size:16px;font-weight:600}.wipe-browser__placeholder p{font-size:13px}.wipe-browser__main-header{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--outline-light);background-color:var(--surface);display:flex}.wipe-browser__back-btn{border-radius:var(--radius-md);background:var(--surface-hover);width:32px;height:32px;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;display:none}.wipe-browser__back-btn:hover{background-color:var(--outline-light)}.wipe-browser__main-title{flex-direction:column;flex:1;min-width:0;display:flex}.wipe-browser__main-title strong{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:14px;overflow:hidden}@media (width>=768px){.wipe-browser__main-title strong{max-width:none}}.wipe-browser__msg-count{color:var(--on-surface-muted);font-size:11px}.wipe-browser__messages{padding:var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.wipe-msg{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;position:relative}.wipe-msg:hover{background-color:var(--surface-hover)}.wipe-msg__body{flex:1;min-width:0}.wipe-msg__header{align-items:baseline;gap:var(--space-sm);margin-bottom:2px;display:flex}.wipe-msg__sender{color:var(--on-surface);font-size:13px;font-weight:600}.wipe-msg__time{color:var(--on-surface-muted);font-size:10px}.wipe-msg__content{color:var(--on-surface-variant);word-break:break-word;font-size:13px;line-height:1.45}.wipe-msg__delete{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--on-surface-muted);cursor:pointer;opacity:0;transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.wipe-msg:hover .wipe-msg__delete{opacity:1}.wipe-msg__delete:hover{background-color:var(--error-light);color:var(--error)}.wipe-msg__delete:disabled{opacity:.5;cursor:not-allowed}.wipe-msg__spinner{border:2px solid var(--outline-light);border-top-color:var(--error);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wipe-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.wipe-modal{background-color:var(--surface);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;width:90%;max-width:420px;box-shadow:var(--shadow-xl);animation:.2s scaleIn}.wipe-modal__icon{background-color:var(--error-light);width:56px;height:56px;color:var(--error);margin:0 auto var(--space-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.wipe-modal__title{color:var(--on-surface);margin-bottom:var(--space-sm);font-size:18px;font-weight:700}.wipe-modal__desc{color:var(--on-surface-muted);margin-bottom:var(--space-lg);font-size:13px;line-height:1.5}.wipe-modal__actions{gap:var(--space-sm);justify-content:center;display:flex}.admin-table--mobile{display:none!important}@media (width<=768px){.admin-table--desktop{display:none!important}.admin-table--mobile{display:flex!important}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar__search{max-width:100%}.admin-toolbar__filters{-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto}}@media (width<=900px){.admin-page{padding:var(--space-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}.monitor-grid{grid-template-columns:1fr;height:calc(100vh - 160px)}.monitor-convos{width:100%;height:100%}.monitor-convos--hidden-mobile,.monitor-chat{display:none!important}.monitor-chat--active-mobile{flex-direction:column;width:100%;height:100%!important;display:flex!important}.monitor-chat__back-btn{display:flex!important}.wipe-browser{grid-template-columns:1fr;height:calc(100vh - 160px)}.wipe-browser__sidebar{width:100%;height:100%}.wipe-browser__sidebar--hidden-mobile,.wipe-browser__main{display:none!important}.wipe-browser__main--active-mobile{flex-direction:column;width:100%;height:100%!important;display:flex!important}.wipe-browser__back-btn{display:flex!important}.perm-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.admin-user-cards{flex-direction:column;display:none}@media (width<=768px){.admin-user-cards{display:flex}}.admin-user-card{padding:var(--space-md);border-bottom:1px solid var(--outline-light);gap:var(--space-md);transition:background-color var(--transition-base);flex-direction:column;display:flex}.admin-user-card:last-child{border-bottom:none}.admin-user-card:hover{background-color:var(--surface-hover)}.admin-user-card__top{align-items:center;gap:var(--space-sm);display:flex}.admin-user-card__info{flex-direction:column;min-width:0;display:flex}.admin-user-card__name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.admin-user-card__email{color:var(--on-surface-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-user-card__meta{gap:var(--space-xs);background-color:var(--surface-hover);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);flex-direction:column;display:flex}.admin-user-card__row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.admin-user-card__label{text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-muted);font-size:12px;font-weight:600}.admin-user-card__value{color:var(--on-surface);font-size:13px;font-weight:500}.admin-user-card__action{justify-content:flex-end;display:flex}@media (width<=768px){.wipe-section{padding:var(--space-md)}}.toast-container{top:var(--space-lg);right:var(--space-lg);gap:var(--space-sm);z-index:var(--z-toast);flex-direction:column;width:100%;max-width:380px;display:flex;position:fixed}@media (width<=576px){.toast-container{top:var(--space-md);right:var(--space-md);left:var(--space-md);width:auto;max-width:none}}.toast{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background-color:var(--surface);border:1px solid var(--outline-light);box-shadow:var(--shadow-lg);animation:.3s forwards slideInFromRight;display:flex}.toast__icon{flex-shrink:0;margin-top:1px}.toast__content{flex:1;min-width:0}.toast__title{font:var(--font-label);color:var(--on-surface);margin-bottom:2px}.toast__message{font:var(--font-body-sm);color:var(--on-surface-variant)}.toast__close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--on-surface-muted);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__close:hover{background-color:var(--surface-hover);color:var(--on-surface)}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--error)}.toast--warning .toast__icon{color:var(--warning)}.toast--info .toast__icon{color:var(--primary)}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--error)}.toast--warning{border-left:3px solid var(--warning)}.toast--info{border-left:3px solid var(--primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:14px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning :before,html.theme-transitioning :after{transition:background-color .3s,color .2s,border-color .3s,box-shadow .3s!important}body{color:var(--on-surface);background-color:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}:root{--primary:#1a56db;--primary-hover:#1648c0;--primary-active:#1240ae;--primary-light:#dbe1ff;--primary-lighter:#eef1ff;--primary-dark:#003fb1;--on-primary:#fff;--navy:#111928;--navy-light:#1f2a3d;--navy-lighter:#2a3752;--navy-text:#94a3b8;--navy-text-active:#fff;--background:#f9fafb;--surface:#fff;--surface-dim:#d9d9e4;--surface-container:#ededf8;--surface-container-high:#e7e7f3;--surface-container-highest:#e2e1ed;--surface-container-low:#f3f3fe;--surface-container-lowest:#fff;--surface-hover:#f3f4f6;--surface-active:#e5e7eb;--on-surface:#191b23;--on-surface-variant:#434654;--on-surface-muted:#6b7280;--inverse-surface:#2e3039;--inverse-on-surface:#f0f0fb;--outline:#737686;--outline-variant:#c3c5d7;--outline-light:#e5e7eb;--error:#ba1a1a;--error-light:#ffdad6;--error-hover:#a01515;--on-error:#fff;--success:#16a34a;--success-light:#dcfce7;--success-hover:#15803d;--on-success:#fff;--warning:#d97706;--warning-light:#fef3c7;--warning-hover:#b45309;--on-warning:#fff;--info:#2563eb;--info-light:#dbeafe;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-h1:600 24px/32px var(--font-family);--font-h2:600 18px/28px var(--font-family);--font-h3:600 16px/24px var(--font-family);--font-body:400 14px/20px var(--font-family);--font-body-sm:400 12px/18px var(--font-family);--font-label:500 14px/20px var(--font-family);--font-label-sm:600 12px/16px var(--font-family);--letter-spacing-tight:-.02em;--letter-spacing-normal:-.01em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-focus:0 0 0 3px #1a56db40;--shadow-focus-error:0 0 0 3px #ba1a1a40;--sidebar-width:260px;--secondary-panel-width:320px;--header-height:64px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50}[data-theme=dark]{--primary:#5b8def;--primary-hover:#4a7ce0;--primary-active:#3d6dd4;--primary-light:#1e2d4a;--primary-lighter:#172238;--primary-dark:#93b4f5;--on-primary:#fff;--navy:#0b0f18;--navy-light:#151b2b;--navy-lighter:#1f2940;--navy-text:#7b8ba5;--navy-text-active:#e2e8f0;--background:#0f1219;--surface:#181c25;--surface-dim:#10131a;--surface-container:#1e222d;--surface-container-high:#252a36;--surface-container-highest:#2c3240;--surface-container-low:#151921;--surface-container-lowest:#0f1219;--surface-hover:#1e232e;--surface-active:#272d3a;--on-surface:#e8eaf0;--on-surface-variant:#a8adbd;--on-surface-muted:#6e7590;--inverse-surface:#e8eaf0;--inverse-on-surface:#1a1d27;--outline:#4a5068;--outline-variant:#353b4d;--outline-light:#262c3a;--error:#f87171;--error-light:#3b1c1c;--error-hover:#ef4444;--on-error:#fff;--success:#4ade80;--success-light:#14291e;--success-hover:#22c55e;--on-success:#0f1219;--warning:#fbbf24;--warning-light:#2d2410;--warning-hover:#f59e0b;--on-warning:#0f1219;--info:#60a5fa;--info-light:#172238;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0000004d;--shadow-focus:0 0 0 3px #5b8def4d;--shadow-focus-error:0 0 0 3px #f871714d}[data-theme=dark] ::selection{background-color:var(--primary-light);color:var(--primary-dark)}.text-h1{font:var(--font-h1);letter-spacing:var(--letter-spacing-tight);color:var(--on-surface)}.text-h2{font:var(--font-h2);letter-spacing:var(--letter-spacing-normal);color:var(--on-surface)}.text-h3{font:var(--font-h3);color:var(--on-surface)}.text-body{font:var(--font-body);color:var(--on-surface)}.text-body-sm{font:var(--font-body-sm);color:var(--on-surface-variant)}.text-label{font:var(--font-label);color:var(--on-surface)}.text-label-sm{font:var(--font-label-sm);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-fade-in-down{animation:.4s forwards fadeInDown}.animate-slide-left{animation:.4s forwards slideLeft}.animate-slide-right{animation:.4s forwards slideRight}.animate-scale-in{animation:.3s forwards scaleIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.animate-shimmer{background:linear-gradient(90deg,#0000 25%,#ffffff1a 50%,#0000 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--outline-variant);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--outline)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:var(--primary-light);color:var(--primary-dark)}