.sideContact{position:relative;background-color:var(--bg-secondary);width:300px;padding:20px;color:var(--text-primary);height:100vh;display:flex;flex-direction:column}.sideContact h2{text-align:center;margin:10px 0}.sidebarHeader{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.userAvatar{display:flex;justify-content:center;align-items:center}.contactsList{flex:1;overflow-y:auto}.selected{background-color:var(--bg-hover);border-radius:10px;padding:10px;display:block;margin-bottom:10px;color:var(--text-primary)}.contactItem{display:flex;align-items:center;padding:10px;text-decoration:none;color:var(--text-primary);border-radius:10px;margin-bottom:5px}.contactItem:hover{background-color:var(--bg-hover)}.avatarInitials{width:50px;height:50px;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.contactItem img{width:50px;height:50px;border-radius:50%;margin-right:10px}.contactItem h3{margin:0;font-size:16px}.contactInfo{flex:1;margin-left:10px}.contactInfo h3{margin:0;font-size:16px;color:var(--text-primary)}.lastMessage{margin:2px 0 0;font-size:14px;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.unreadBadge{background-color:var(--color-primary);color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;min-width:18px;text-align:center}.sidebarFooter{margin-top:auto;padding-top:10px;display:flex;justify-content:flex-start}.userName{margin-left:10px;font-size:16px;color:var(--text-primary)}.themeToggle{background-color:var(--color-primary);color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;margin-bottom:10px}.headerActions{display:flex;justify-content:space-between;margin-bottom:10px}.searchRow{display:flex;gap:8px;align-items:center;margin-bottom:10px}.searchInput{flex:1 1 auto;min-width:0;padding:8px;border:1px solid var(--border-default);border-radius:5px;background-color:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;height:40px}.addContactBtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#7a6faa;color:#fff;border:none;border-radius:8px;cursor:pointer;flex:0 0 40px;padding:0;font-size:18px;line-height:1;text-align:center}.addContactBtn i{display:block;color:#fff}.addContactBtn:hover{background-color:#6a5a9a}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settingsButton{background-color:var(--color-secondary);color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}.settingsButton:hover{background-color:var(--color-secondary-hover)}.settingsPanel{position:absolute;bottom:70px;left:20px;width:260px;background-color:var(--bg-surface);border-radius:18px;padding:10px;box-shadow:0 2px 5px #0003;z-index:10}.settingsPanel:before{content:"";position:absolute;bottom:-10px;left:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--bg-surface)}.themeButton{display:flex;align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:5px;margin-bottom:5px;width:100%;justify-content:space-between}.themeTooltip{position:relative;margin-bottom:10px;padding:10px;background-color:var(--bg-surface);border-radius:8px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--border-subtle)}.themeTooltip:before{content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--bg-surface)}.themeTooltip:after{content:"";position:absolute;top:-7px;left:21px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--border-subtle)}.helpText{display:block;font-size:12px;color:var(--text-muted);margin-bottom:5px}.themeToggle{background-color:var(--color-primary);color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}.themeToggle:hover{background-color:var(--color-primary-hover)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-hover);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(26px)}@media(max-width:768px){.sideContact{width:100%;position:fixed;top:0;left:0;z-index:1000;padding:10px}.contactItem h3,.searchInput{font-size:14px}.settingsPanel{width:calc(100% - 40px);left:10px}.modalContent{width:90%}}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.modalContent{background-color:var(--bg-surface);padding:20px;border-radius:10px;width:300px;max-width:90%}.modalContent h3{margin-top:0;color:var(--text-primary)}.errorMessage{color:#f94144;font-size:14px;margin:5px 0}.modalInput{width:100%;padding:8px;margin-bottom:10px;border:1px solid var(--border-default);border-radius:5px;background-color:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.modalButtons{display:flex;justify-content:space-between}.modalBtn{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;background-color:var(--color-primary);color:#fff}.modalBtn:hover{background-color:var(--color-primary-hover)}.modalBtn.cancel{background-color:var(--color-secondary)}.modalBtn.cancel:hover{background-color:var(--color-secondary-hover)}.errorMessage{color:#f44;font-size:14px;margin:5px 0;text-align:center}.avatarInitials{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:18px}.homeContainer{display:flex;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.homeContent{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.welcomeBubble{background-color:var(--bg-elevated);padding:20px;border-radius:15px;max-width:400px;text-align:center;box-shadow:0 2px 10px #0000001a}.welcomeBubble h1{margin:0;color:var(--text-primary)}.chatLayout{display:flex;height:100vh;background-color:var(--bg-primary)}@media(max-width:768px){.chatLayout{flex-direction:column}.chatLayout>.sideContact{display:none}.chatArea{width:100%}}.chatArea{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary)}.chatContent{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.messageForm{position:sticky;bottom:0;background-color:var(--bg-surface);padding:10px 20px;border-top:1px solid var(--border-subtle)}.emojiPickerContainer{position:absolute;bottom:100%;left:15px;z-index:10}.inputContainer{position:relative;display:flex;align-items:center}.emojiButton{position:absolute;left:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;z-index:1}.messageForm textarea{flex:1;padding:10px 60px 10px 50px;border:1px solid var(--border-default);border-radius:20px;resize:none;font-size:14px;min-height:40px;width:100%;box-sizing:border-box;background-color:var(--bg-surface);color:var(--text-primary)}.sendButton{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}.sendButton:hover{background-color:var(--color-primary-hover)}.messagesContainer{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px;overflow-y:auto;background-color:var(--bg-secondary);border-radius:10px;margin:20px 0}.message{display:flex;flex-direction:column;max-width:70%;padding:10px 15px;border-radius:15px;word-wrap:break-word;position:relative}.message p{margin:0;font-size:14px}.messageAuthor{display:flex;align-items:center;gap:8px;margin-bottom:6px}.authorAvatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.authorInitials{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.authorName{font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s ease}.authorName:hover{opacity:.8}.messageFooter{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px}.messageTime{font-size:10px;color:var(--text-muted)}.readStatus i{font-size:12px;color:var(--text-secondary)}.sent{align-self:flex-end;background-color:var(--color-primary);color:#fff}.sent .messageTime,.sent .readStatus{color:var(--text-secondary)}.received{align-self:flex-start;background-color:var(--bg-elevated);color:var(--text-primary)}.received .messageTime{color:var(--text-muted)}.chatHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.headerLeft,.headerRight{display:flex;align-items:center;gap:10px}.searchToggleButton{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s ease}.searchToggleButton:hover,.searchToggleButton.active{background-color:var(--bg-elevated)}.chatHeader img{width:40px;height:40px;border-radius:50%;margin-right:10px}.chatHeader h2{margin:0;font-size:18px;color:var(--text-primary)}.backButton{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;margin-right:10px}.backButton:hover{color:var(--color-primary)}.searchContainer{display:flex;align-items:center;padding:10px 20px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.searchInput{flex:1;padding:8px 12px;border:1px solid var(--border-default);border-radius:20px;font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);outline:none}.searchInput::placeholder{color:var(--text-muted)}.clearSearchButton{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;margin-left:10px;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center}.clearSearchButton:hover{background-color:var(--bg-elevated);color:var(--text-primary)}:root{--bg-primary: #f5f2eb;--bg-secondary: #edeae0;--bg-surface: #ffffff;--bg-elevated: #f0ede4;--bg-hover: #e5e1d6;--color-primary: #3a9e96;--color-primary-hover:#2d847d;--color-secondary: #7a6faa;--color-secondary-hover: #6a5a9a;--color-accent: #d9707c;--color-success: #5a9e54;--color-warning: #c9920a;--color-danger: #c94f4f;--color-info: #4a8fb5;--border-subtle: #dbd7cc;--border-default: #c4bfb0;--text-primary: #2c2a24;--text-secondary: #5e5a50;--text-muted: #9a9588}[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b27;--bg-surface: #1e2433;--bg-elevated: #252d3d;--bg-hover: #2f3a50;--color-primary: #8ecfc9;--color-primary-hover:#6db8b1;--color-secondary: #b8a9d9;--color-secondary-hover: #a092c7;--color-accent: #f4b8c1;--color-success: #a8d5a2;--color-warning: #f9d98c;--color-danger: #f4a0a0;--color-info: #c5dff0;--border-subtle: #2a3347;--border-default: #3a4a63;--text-primary: #e8edf5;--text-secondary: #9aa5be;--text-muted: #5a6478}.loginContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.loginForm{text-align:center}.loginForm h2{color:var(--text-primary)}.loginForm input{padding:10px;margin:10px;border:1px solid var(--border-default);border-radius:5px;background-color:var(--bg-surface);color:var(--text-primary)}.loginForm button{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:5px;cursor:pointer}.loginForm button:hover{background-color:var(--color-primary-hover)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#4a4a4a}