:root{color-scheme:light;--color-bg: #f5f6f8;--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-surface-outline: rgba(255, 255, 255, .68);--color-surface-lowlight: rgba(168, 182, 205, .18);--app-bg-layer-1: radial-gradient(circle at top left, rgba(90, 170, 255, .12), transparent 28%);--app-bg-layer-2: radial-gradient(circle at bottom right, rgba(255, 255, 255, .72), transparent 34%);--app-bg-layer-3: linear-gradient(180deg, #f7f8fb 0%, #eef2f7 100%);--glass-bg: linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .42) 100%);--glass-border: rgba(255, 255, 255, .52);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .46), 0 20px 48px rgba(167, 180, 203, .16);--glass-blur: 34px;--liquid-surface: linear-gradient(180deg, rgba(255, 255, 255, .74) 0%, rgba(255, 255, 255, .38) 100%), radial-gradient(circle at top left, rgba(116, 186, 255, .12), transparent 36%), radial-gradient(circle at bottom right, rgba(255, 255, 255, .52), transparent 42%);--liquid-input: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(245, 248, 252, .72) 100%);--liquid-shadow-soft: inset 0 1px 0 rgba(255, 255, 255, .5), 0 16px 36px rgba(172, 184, 205, .14);--liquid-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .56), 0 22px 44px rgba(172, 184, 205, .18);--liquid-hover-surface: linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(242, 246, 252, .56) 100%);--liquid-hover-border: rgba(255, 255, 255, .56);--liquid-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .36), 0 16px 32px rgba(183, 194, 214, .18);--liquid-accent-hover-surface: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 78%, white 22%) 0%, color-mix(in srgb, var(--color-accent) 90%, white 10%) 100% );--liquid-accent-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 18px 34px rgba(0, 113, 227, .24);--liquid-danger-hover-surface: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(255, 246, 245, .82) 100%);--liquid-danger-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 16px 32px rgba(180, 35, 24, .12);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 80px;--spacing-xxl: 120px;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 32px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif}html[data-theme=dark]{color-scheme:dark;--color-bg: #0f1319;--color-text-primary: #edf1f7;--color-text-secondary: #a9b3c4;--color-accent: #4a9dff;--color-accent-hover: #63abff;--color-surface-outline: rgba(255, 255, 255, .16);--color-surface-lowlight: rgba(0, 0, 0, .34);--app-bg-layer-1: radial-gradient(circle at top left, rgba(48, 118, 202, .3), transparent 30%);--app-bg-layer-2: radial-gradient(circle at bottom right, rgba(24, 31, 43, .65), transparent 38%);--app-bg-layer-3: linear-gradient(180deg, #111721 0%, #0c1118 100%);--glass-bg: linear-gradient(180deg, rgba(34, 42, 56, .78) 0%, rgba(24, 30, 42, .56) 100%);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 20px 48px rgba(0, 0, 0, .35);--liquid-surface: linear-gradient(180deg, rgba(36, 45, 60, .84) 0%, rgba(24, 31, 43, .66) 100%), radial-gradient(circle at top left, rgba(74, 157, 255, .12), transparent 40%), radial-gradient(circle at bottom right, rgba(120, 138, 168, .08), transparent 46%);--liquid-input: linear-gradient(180deg, rgba(28, 36, 49, .92) 0%, rgba(20, 26, 36, .78) 100%);--liquid-shadow-soft: inset 0 1px 0 rgba(255, 255, 255, .08), 0 16px 36px rgba(0, 0, 0, .22);--liquid-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .14), 0 22px 44px rgba(0, 0, 0, .3);--liquid-hover-surface: linear-gradient(180deg, rgba(42, 52, 68, .92) 0%, rgba(28, 35, 49, .82) 100%);--liquid-hover-border: rgba(255, 255, 255, .2);--liquid-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 16px 32px rgba(0, 0, 0, .28);--liquid-accent-hover-surface: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 70%, #172030 30%) 0%, color-mix(in srgb, var(--color-accent) 78%, #111824 22%) 100% );--liquid-accent-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 18px 34px rgba(36, 111, 198, .35);--liquid-danger-hover-surface: linear-gradient(180deg, rgba(75, 34, 34, .92) 0%, rgba(58, 24, 24, .84) 100%);--liquid-danger-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 16px 32px rgba(100, 30, 24, .24)}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:var(--font-family);background:var(--app-bg-layer-1),var(--app-bg-layer-2),var(--app-bg-layer-3);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.password-toggle{display:flex;gap:10px;align-items:flex-start;-webkit-user-select:none;user-select:none;margin-top:6px}.password-toggle .checkbox{width:18px;height:18px;margin-top:3px;accent-color:var(--color-accent);flex-shrink:0}.password-toggle-label{font-size:.9rem;color:var(--color-text-secondary);line-height:1.4}.navbar{position:absolute;top:0;left:0;width:100%;padding:var(--spacing-md) 0;z-index:10}.navbar .container{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding-top:6px;padding-bottom:6px;border-radius:999px;background:#ffffff47;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffff5c,0 16px 34px #adb8cb24}.logo{font-size:32px;font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:-1px}.glass-bg{position:absolute;background:radial-gradient(circle,rgba(0,113,227,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 20s ease-in-out infinite}.glass-bg-1{width:600px;height:600px;top:-100px;left:-100px}.glass-bg-2{width:500px;height:500px;bottom:-80px;right:-80px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.glass-card{background:var(--liquid-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}:where(.app-content,.settings-block,.edit-panel,.popup-card,.menu,.stub-card){background:var(--liquid-surface);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}:where(.input,.otp-input,.composer-input,.header-search-input,.emoji-search){border-color:var(--color-surface-outline);background:var(--liquid-input);box-shadow:inset 0 1px #ffffff85}:where(.input,.otp-input,.composer-input,.header-search-input,.emoji-search)::placeholder{color:color-mix(in srgb,var(--color-text-secondary) 84%,white 16%)}.btn{display:inline-block;padding:14px 32px;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;font-family:var(--font-family);text-decoration:none}:where(.btn,.current-lang,.lang-option,.settings-link,.popup-secondary-btn,.filter-chip,.header-action-btn,.header-search-btn,.icon-btn,.send-btn,.emoji-category-btn,.emoji-tile,.logout-btn,.remove-btn){transition:background .2s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease,color .2s ease,filter .2s ease}:where(.current-lang,.lang-option,.settings-link,.popup-secondary-btn,.header-action-btn,.icon-btn,.emoji-tile):is(:hover,:focus-visible){background:var(--liquid-hover-surface);border-color:var(--liquid-hover-border);box-shadow:var(--liquid-hover-shadow);transform:translateY(-1px)}:where(.emoji-category-btn):not(.active):is(:hover,:focus-visible){background:var(--liquid-hover-surface);border-color:var(--liquid-hover-border);box-shadow:var(--liquid-hover-shadow);transform:translateY(-1px)}:where(.btn-primary,.header-search-btn,.send-btn):not(:disabled):is(:hover,:focus-visible){background:var(--liquid-accent-hover-surface);box-shadow:var(--liquid-accent-hover-shadow);transform:translateY(-1px);filter:saturate(1.03)}:where(.logout-btn,.remove-btn):not(:disabled):is(:hover,:focus-visible){background:var(--liquid-danger-hover-surface);border-color:#b4231838;box-shadow:var(--liquid-danger-hover-shadow);transform:translateY(-1px)}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:0 16px 30px #0071e32e}.btn-primary:hover{background:var(--liquid-accent-hover-surface);transform:translateY(-1px);box-shadow:var(--liquid-accent-hover-shadow)}.language-switcher{position:absolute;top:24px;right:var(--spacing-md);z-index:20}.current-lang{background:#ffffffc7;border:1px solid rgba(255,255,255,.68);cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--color-text-primary);font-weight:600;font-size:14px;font-family:inherit;padding:8px 12px;border-radius:999px;box-shadow:inset 0 1px #ffffff75,0 10px 24px #adb8cb24;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.current-lang:hover{background:var(--liquid-hover-surface);border-color:var(--liquid-hover-border);box-shadow:var(--liquid-hover-shadow);transform:translateY(-1px)}.chevron{transition:transform .2s}.language-switcher.open .chevron{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--liquid-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;box-shadow:inset 0 1px #ffffff6b,0 18px 42px #adb8cb2e;border:1px solid rgba(255,255,255,.58);padding:4px;min-width:80px;display:none;flex-direction:column;margin-top:4px;z-index:21}.language-switcher.open .dropdown-menu{display:flex}.lang-option{background:none;border:none;cursor:pointer;padding:8px 16px;text-align:center;font-family:inherit;font-size:14px;color:var(--color-text-secondary);border-radius:8px;transition:all .2s}.lang-option:hover{background:var(--liquid-hover-surface);color:var(--color-text-primary);box-shadow:var(--liquid-hover-shadow);transform:translateY(-1px)}.settings-language-switcher{position:relative;display:inline-flex;flex-shrink:0}.settings-language-switcher .language-switcher{position:relative;top:auto;right:auto}.settings-language-switcher .current-lang{min-width:74px;justify-content:center}html[data-theme=dark] .navbar .container{background:#161d2894;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1f,0 16px 34px #00000047}html[data-theme=dark] .glass-bg{background:radial-gradient(circle,rgba(74,157,255,.16) 0%,transparent 72%)}html[data-theme=dark] .chats .chat-item,html[data-theme=dark] .left-pane .chat-item{background:#ffffff0d;box-shadow:inset 0 1px #ffffff12}html[data-theme=dark] .chats .chat-item-link:hover .chat-item,html[data-theme=dark] .chats .chat-item-link:focus-visible .chat-item,html[data-theme=dark] .left-pane .chat-item:not(.active):hover{background:#4a9dff24!important;border-color:#ffffff2e!important;box-shadow:inset 0 1px #ffffff14,0 16px 30px #00000047!important}html[data-theme=dark] .chat-name{color:var(--color-text-primary)}html[data-theme=dark] .chat-message,html[data-theme=dark] .chat-time,html[data-theme=dark] .list-meta,html[data-theme=dark] .pane-meta,html[data-theme=dark] .header-search-meta,html[data-theme=dark] .bubble-time{color:#c4cede}html[data-theme=dark] .left-pane{background:#141b269e;border-right-color:#ffffff24}html[data-theme=dark] .chat-header{border-bottom-color:#ffffff24;background:linear-gradient(180deg,#1f2735e6,#161c27c7),radial-gradient(circle at top left,rgba(74,157,255,.16),transparent 44%);box-shadow:0 16px 30px #0000004d}html[data-theme=dark] .header-messenger-pill{background:#ffffff14;border-color:#ffffff29;color:#c4cede}html[data-theme=dark] .header-action-btn,html[data-theme=dark] .icon-btn{border-color:#ffffff2e;background:#1c2431db;color:#dce4f2}html[data-theme=dark] .composer{border-top-color:#ffffff24;background:#131923a6}html[data-theme=dark] .bubble{background:#dfe5eeeb;color:#172030}html[data-theme=dark] .bubble.out{background:linear-gradient(135deg,#3f8fe7,#2d75c7);color:#f6f9ff}html[data-theme=dark] .emoji-panel{background:#181f2be6;border-color:#ffffff29;box-shadow:0 22px 48px #00000057}html[data-theme=dark] .emoji-category-btn,html[data-theme=dark] .emoji-tile{background:#ffffff14;border-color:#ffffff29;color:#e6edf9}html[data-theme=dark] .filter-chip,html[data-theme=dark] .theme-option{border-color:#fff3;background:linear-gradient(180deg,#323d4ee6,#242d3cd1);color:#c8d2e2;border-radius:999px;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #0000003d}html[data-theme=dark] .filter-chip:hover,html[data-theme=dark] .theme-option:hover{background:linear-gradient(180deg,#3b485cf0,#2a3546db);border-color:#ffffff3d;color:#e1e9f8;box-shadow:inset 0 1px #ffffff24,0 14px 26px #00000047}html[data-theme=dark] .filter-chip.active,html[data-theme=dark] .theme-option.active{border-color:#56a6ff80;background:linear-gradient(180deg,#4a9dff6b,#4a9dff3d);color:#dce8ff;box-shadow:inset 0 1px #fff3,0 14px 28px #246fc657}html[data-theme=dark] .current-lang,html[data-theme=dark] .dropdown-menu{background:#181f2be6;border-color:#ffffff2e;color:#e6edf9}html[data-theme=dark] .lang-option{color:#c4cede}html[data-theme=dark] .settings-block{background:#ffffff0f;border-color:#ffffff24}html[data-theme=dark] .app-content.app-content-chats{background:linear-gradient(180deg,#1f2734e0,#141a24c7),radial-gradient(circle at top left,rgba(74,157,255,.14),transparent 40%),radial-gradient(circle at bottom right,rgba(14,20,30,.62),transparent 46%);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1a,0 24px 54px #00000057}.chat-page .left-pane .left-search{margin-bottom:14px}.chat-page .left-pane .left-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chat-page .left-pane .chats-list{margin-top:2px}html[data-theme=dark] .employees-panel{background:linear-gradient(180deg,#222b3ad1,#171e2ab3),radial-gradient(circle at top left,rgba(74,157,255,.12),transparent 38%);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1a,0 16px 32px #00000047}html[data-theme=dark] .employees-panel .item{background:#ffffff12;border-color:#ffffff24}html[data-theme=dark] .employees-panel .item:hover{background:#4a9dff24;box-shadow:inset 0 1px #ffffff1a}html[data-theme=dark] .employees-panel .item-secondary,html[data-theme=dark] .stub .stub-text{color:#c4cede}html[data-theme=dark] .stub .input{background:#121822eb;border-color:#fff3;color:#edf3ff;caret-color:#edf3ff}html[data-theme=dark] .stub .input::placeholder{color:#9eb0cc}html[data-theme=dark] .remove-btn{border-color:#ea5e5e66;background:#b423182e;color:#ffb3ad}html[data-theme=dark] .chats-search-input,html[data-theme=dark] .header-search-input,html[data-theme=dark] .emoji-search{background:#121822eb;border-color:#fff3;color:#edf3ff;caret-color:#edf3ff}html[data-theme=dark] .chats-search-input::placeholder,html[data-theme=dark] .header-search-input::placeholder,html[data-theme=dark] .emoji-search::placeholder{color:#9eb0cc}