.chat-sidebar{width:300px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;transition:background-color .3s ease,border-color .3s ease}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:border-color .3s ease}.user-info{display:flex;align-items:center;gap:10px}.user-avatar,.user-avatar-img{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-avatar{background:var(--accent-color);color:#fff}.user-avatar-img{object-fit:cover}.user-name{font-weight:700;color:var(--text-primary);transition:color .3s ease}.user-status{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.theme-toggle-btn{padding:5px 10px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:5px;cursor:pointer;font-size:18px;transition:background-color .3s ease,border-color .3s ease}.theme-toggle-btn:hover{background:var(--sidebar-hover)}.logout-btn{padding:5px 10px;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:5px;cursor:pointer;font-size:12px;color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.logout-btn:hover{background:var(--sidebar-hover)}.sidebar-search{padding:15px 20px;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.rooms-list,.users-list{flex:1;overflow-y:auto}.room-item,.user-item{padding:15px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.room-item:hover,.user-item:hover{background:var(--sidebar-hover)}.room-item.active{background:var(--sidebar-active)}.room-avatar-container{position:relative;display:inline-block;flex-shrink:0}.room-avatar,.user-avatar-small{width:50px;height:50px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.room-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-small{width:40px;height:40px}.status-indicator.away{background:#ff9800}.status-indicator.busy{background:#f44336}.room-info,.user-info-small{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.room-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.room-name,.user-name-small{font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.room-time{font-size:11px;color:var(--text-secondary);flex-shrink:0;transition:color .3s ease}.room-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.room-last-message{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;transition:color .3s ease}.room-item.has-unread .room-name{font-weight:600}.room-item.has-unread .room-last-message{color:var(--text-primary);font-weight:500}.room-badges{display:flex;gap:5px;flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;line-height:1}.badge-message{background:var(--accent-color);color:#fff}.badge-call{background:#f44336;color:#fff;font-size:10px;padding:0 4px}.user-status-small{font-size:12px;color:var(--text-secondary);transition:color .3s ease}@media (max-width: 600px){.chat-sidebar{width:100%!important;max-width:100%!important;min-width:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:100;transition:transform .3s ease-in-out;flex-shrink:0}.chat-sidebar.hidden{transform:translate(-100%)}.chat-window{width:100%!important;max-width:100%!important}.users-list{padding-top:10px}}.search-input{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:20px;font-size:14px;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.search-input:focus{outline:none;border-color:var(--accent-color);background:var(--bg-primary)}.search-input::placeholder{color:var(--text-secondary)}.empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary);transition:color .3s ease}.message{display:flex;gap:10px;margin-bottom:15px;align-items:flex-start}.message.own{flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}.message-avatar-img{width:100%;height:100%;object-fit:cover}.message-content{max-width:70%;display:flex;flex-direction:column}.message.own .message-content{align-items:flex-end}.message-username-container{display:flex;align-items:center;gap:5px;margin-bottom:5px;padding:0 10px}.message-username{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.message-username-status{font-size:8px;line-height:1}.message-bubble{padding:10px 15px;border-radius:15px;background:var(--message-bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.message.own .message-bubble{background:var(--message-own-bg);color:#fff}.message-text{word-wrap:break-word;color:inherit}.message-media{margin:-10px -15px;background:transparent}.message-bubble.has-media{background:transparent;padding:0;box-shadow:none}.message.own .message-bubble.has-media{background:transparent}.message-image{max-width:300px;max-height:300px;border-radius:15px;display:block}.message-audio{width:100%;min-width:200px}.message-footer{display:flex;align-items:center;gap:5px;margin-top:4px;justify-content:flex-end;padding:0 10px}.message.own .message-footer{justify-content:flex-end}.message-time{font-size:11px;color:var(--text-secondary);text-align:right;transition:color .3s ease;line-height:1}.message.own .message-time{color:var(--text-secondary)}.message.own .message-footer{opacity:.7}.message-status{font-size:13px;display:inline-block;color:var(--text-secondary);transition:color .3s ease;letter-spacing:-4px;line-height:1;margin-left:2px}.message.own .message-status{opacity:1}.message-status.sent{opacity:.6}.message-status.delivered{opacity:.7}.message-status.read{color:var(--accent-color);opacity:1}.video-wrapper{position:relative;cursor:pointer;transition:transform .3s ease;display:inline-block}.video-circle{border-radius:50%;overflow:hidden;width:300px;height:300px}@media (max-width: 600px){.video-circle{width:40vw;height:40vw;max-width:300px;max-height:300px}}.video-square{border-radius:20px;overflow:hidden;width:300px;height:300px}.video-heart{clip-path:path("M12,21.35l-1.45-1.32C5.4,15.36,2,12.28,2,8.5 C2,5.42,4.42,3,7.5,3c1.74,0,3.41,0.81,4.5,2.09C13.09,3.81,14.76,3,16.5,3 C19.58,3,22,5.42,22,8.5c0,3.78-3.4,6.86-8.55,11.54L12,21.35z");overflow:hidden;width:300px;height:300px}.video-wrapper.zoomed{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.5);z-index:10000;background:transparent;max-width:400px;max-height:400px;width:300px;height:300px;box-sizing:border-box;margin:0}@media (max-width: 600px){.video-wrapper.zoomed{width:80vw;height:80vw;max-width:400px;max-height:400px;transform:translate(-50%,-50%)}}@media (min-width: 601px){.video-wrapper.zoomed{left:calc(300px + (100vw - 300px)/2)}}.video-wrapper.zoomed .message-video{width:100%;height:100%;object-fit:cover}.video-wrapper.zoomed .progress-ring,.video-wrapper.zoomed .video-duration{display:none}.message-video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.video-duration{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;z-index:20;pointer-events:none}.message-delete-btn{background:transparent;border:none;cursor:pointer;font-size:14px;opacity:.5;transition:opacity .2s;padding:0;line-height:1}.message-delete-btn:hover{opacity:1}.message-deleted{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-style:italic;padding:10px 0;transition:color .3s ease}.deleted-icon{font-size:16px;opacity:.6}.deleted-text{font-size:14px}.call-message{display:flex;align-items:center;justify-content:center;padding:12px 16px;margin:8px auto;max-width:350px;border-radius:20px}.call-message-content{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.call-message-text{font-size:14px;font-weight:500;text-align:center}.call-message-incoming .call-message-text{color:#4caf50}.call-message-outgoing .call-message-text{color:#2196f3}.call-message-details{display:flex;align-items:center;justify-content:center}.call-message-time{font-size:11px;color:var(--text-secondary);text-align:center;transition:color .3s ease}.message-list{flex:1;overflow-y:auto;padding:20px;background:var(--bg-secondary);transition:background-color .3s ease}.empty-messages{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);transition:color .3s ease}.first-unread-message{position:relative}.first-unread-message:before{content:"";position:absolute;left:0;right:0;top:-10px;height:2px;background:var(--accent-color);border-radius:1px}.date-divider{display:flex;align-items:center;justify-content:center;margin:16px auto;padding:6px 12px;background:var(--bg-tertiary);border-radius:12px;font-size:12px;font-weight:500;color:var(--text-secondary);max-width:fit-content;transition:background-color .3s ease,color .3s ease}.message-input-container{padding:15px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary);position:relative;transition:background-color .3s ease,border-color .3s ease}.message-input-toolbar{display:flex;gap:10px;margin-bottom:10px}.toolbar-btn{width:35px;height:35px;border:none;background:var(--bg-secondary);border-radius:5px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s;color:var(--text-primary)}.toolbar-btn:hover:not(:disabled){background:var(--sidebar-hover)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-wrapper{position:absolute;bottom:100%;left:20px;margin-bottom:10px;z-index:100}.message-input-wrapper{display:flex;gap:10px;align-items:flex-end}.message-input{flex:1;padding:10px 15px;border:1px solid var(--input-border);border-radius:20px;font-size:14px;resize:none;max-height:120px;font-family:inherit;background:var(--input-bg);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.message-input:focus{outline:none;border-color:var(--accent-color)}.message-input::placeholder{color:var(--text-secondary)}.send-button{padding:10px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:background .2s}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}.video-record-btn{position:relative;-webkit-user-select:none;user-select:none}.video-record-btn:active{transform:scale(1.1)}.record-circle{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.recording-indicator{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;z-index:1000}.recording-dot{width:10px;height:10px;background:#f44336;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-time{font-family:monospace}.video-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;border:3px solid #667eea;background:#000;z-index:10000;object-fit:cover}@media (max-width: 600px){.video-preview,.confirm-video-preview{width:40vw;height:40vw;max-width:300px;max-height:300px}}.video-record-wrapper{position:relative}.shape-selector{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#fffffff2;padding:10px;border-radius:25px;box-shadow:0 4px 12px #00000026;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shape-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;padding:0}.shape-btn:hover{background:#0000001a;transform:scale(1.1)}.confirm-video-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-video-modal{border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:90vw;max-height:90vh}.confirm-video-preview{width:300px;height:300px;border-radius:50%;object-fit:cover}.confirm-video-buttons{display:flex;gap:20px}.confirm-send-btn,.cancel-send-btn{padding:10px 20px;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s}.confirm-send-btn{background:#4caf50;color:#fff}.confirm-send-btn:hover{background:#45a049;transform:scale(1.05)}.cancel-send-btn{background:#f44336;color:#fff}.cancel-send-btn:hover{background:#da190b;transform:scale(1.05)}.chat-window{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);height:100%;overflow:hidden;transition:background-color .3s ease}.chat-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);gap:20px;transition:background-color .3s ease,border-color .3s ease}.back-button{display:block;width:40px;height:40px;border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--accent-color);flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0;line-height:1;transition:color .3s ease}.chat-header-info{display:flex;align-items:center;gap:15px}.chat-avatar-container{position:relative;display:inline-block}.chat-avatar{width:50px;height:50px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2px solid white;background:#95a5a6}.status-indicator.online{background:#4caf50}.status-indicator.offline{background:#e74c3c}.chat-title{font-weight:700;color:var(--text-primary);font-size:16px;transition:color .3s ease}.typing-indicator{font-size:12px;color:var(--text-secondary);font-style:italic;transition:color .3s ease}.chat-status{font-size:12px;color:var(--text-secondary);transition:color .3s ease}.call-buttons-header{display:flex;gap:10px;margin-left:auto;flex-shrink:0}.call-btn{width:40px;height:40px;min-width:40px;min-height:40px;border:none;background:transparent;color:#667eea;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.call-btn:hover{transform:scale(1.1)}.call-btn.audio{color:#4caf50}.call-btn.video{color:#2196f3}.call-btn.history{color:#9e9e9e}.clear-history-btn{width:40px;height:40px;min-width:40px;min-height:40px;border:none;background:transparent;color:#f44336;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.clear-history-btn:hover{transform:scale(1.1)}.clear-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.clear-history-modal{background:#fff;border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:0 10px 30px #0000004d}.clear-history-modal h2{margin:0 0 15px;font-size:24px;color:#333}.clear-history-modal p{margin:0 0 25px;color:#666;line-height:1.5}.clear-history-buttons{display:flex;gap:15px;justify-content:flex-end}.clear-history-buttons button{padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .2s}.btn-cancel{background:#e0e0e0;color:#333}.btn-cancel:hover{background:#d0d0d0}.btn-confirm{background:#f44336;color:#fff}.btn-confirm:hover{background:#d32f2f}.call-history-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#1e1e1e}.call-history-header-section{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#2a2a2a}.call-history-header-section h3{margin:0;color:#fff;font-size:18px}.close-history-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-history-btn:hover{background:#ffffff1a}.call-history-list{flex:1;overflow-y:auto;padding:12px}@media (max-width: 600px){.chat-header{padding:12px 15px}.chat-window{width:100%;position:absolute;top:0;left:0;z-index:50}}.call-window-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;overflow:hidden}.call-window{width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.call-video-container{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:2px}.remote-video{min-height:100%;height:100%;width:auto;object-fit:contain;background:#000;margin:0 auto;display:block;border-radius:2px;max-width:100%}@media (max-width: 768px){.remote-video{min-height:100%}}.local-video{position:absolute;width:180px;height:135px;border-radius:10px;border:2px solid white;object-fit:cover;z-index:10;box-shadow:0 4px 12px #00000080;-webkit-user-select:none;user-select:none;transition:transform .1s}.local-video:active{cursor:grabbing}.local-video.draggable{cursor:grab}.local-video.draggable:hover{transform:scale(1.05);box-shadow:0 6px 16px #000000b3}.waiting-remote-stream{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;z-index:5}.waiting-spinner{font-size:48px;animation:spin 2s linear infinite}.waiting-text{font-size:18px;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-call-screen{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}.audio-call-avatar{width:150px;height:150px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;font-size:80px}.audio-call-name{font-size:24px;font-weight:700}.call-controls{display:flex;justify-content:center;gap:20px;padding:20px;background:#000000b3;flex-shrink:0;z-index:20}.control-btn{width:60px;height:60px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.control-btn:hover{transform:scale(1.1);background:#ffffff4d}.control-btn.disabled{background:#ff000080}.control-btn.end-call{background:#f44336}.control-btn.end-call:hover{background:#d32f2f}.control-btn.swap-btn{background:#2196f3b3}.control-btn.swap-btn:hover{background:#2196f3e6}.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.profile-modal{background:var(--bg-primary);border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;transition:background-color .3s ease}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.profile-header h2{margin:0;color:var(--text-primary);transition:color .3s ease}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .3s ease}.close-btn:hover{background:var(--sidebar-hover)}.profile-content{display:flex;flex-direction:column;gap:30px}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:15px}.avatar-preview{position:relative;width:150px;height:150px;border-radius:50%;cursor:pointer;overflow:hidden;transition:transform .2s}.avatar-preview:hover{transform:scale(1.05)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700}.avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.avatar-preview:hover .avatar-overlay{opacity:1}.avatar-overlay span{font-size:40px}.avatar-hint{margin:0;color:var(--text-secondary);font-size:14px;transition:color .3s ease}.form-section{display:flex;flex-direction:column;gap:10px}.form-section label{font-weight:700;color:var(--text-primary);transition:color .3s ease}.form-section input{padding:12px 15px;border:1px solid var(--input-border);border-radius:10px;font-size:16px;transition:border-color .2s,background-color .3s ease,color .3s ease;background:var(--input-bg);color:var(--text-primary)}.form-section input:focus{outline:none;border-color:var(--accent-color)}.form-section input::placeholder{color:var(--text-secondary)}.profile-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-btn,.save-btn{padding:12px 24px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.cancel-btn{background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.cancel-btn:hover:not(:disabled){background:var(--sidebar-hover);transform:scale(1.05)}.save-btn{background:var(--accent-color);color:#fff}.save-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.cancel-btn:disabled,.save-btn:disabled{opacity:.5;cursor:not-allowed}.chat-container{display:flex;height:100vh;width:100%;background:var(--bg-secondary);position:relative;overflow:hidden;transition:background-color .3s ease}.chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);transition:background-color .3s ease}.chat-placeholder h2{color:var(--text-secondary);font-weight:300;transition:color .3s ease}.incoming-call-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.incoming-call-modal{background:var(--bg-primary);padding:40px;border-radius:10px;text-align:center;box-shadow:0 10px 40px #0000004d;max-width:90%;width:400px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .3s ease}.incoming-call-modal h2{margin-bottom:10px;color:var(--text-primary);transition:color .3s ease}.incoming-call-modal p{margin-bottom:30px;color:var(--text-secondary);transition:color .3s ease}.call-buttons{display:flex;gap:15px;justify-content:center}.accept-btn,.reject-btn{padding:12px 30px;min-height:44px;min-width:100px;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.accept-btn:hover,.reject-btn:hover{transform:scale(1.05)}.accept-btn{background:#4caf50;color:#fff}.reject-btn{background:#f44336;color:#fff}@media (max-width: 600px){.chat-container{position:relative;flex-wrap:nowrap}.chat-placeholder{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f9f9f9;--text-primary: #333333;--text-secondary: #999999;--border-color: #e0e0e0;--accent-color: #667eea;--accent-hover: #5568d3;--sidebar-bg: #ffffff;--sidebar-hover: #f9f9f9;--sidebar-active: #e3e8ff;--message-bg: #ffffff;--message-own-bg: #dcf8c6;--input-bg: #ffffff;--input-border: #e0e0e0}:root[data-theme=dark]{--bg-primary: #212121;--bg-secondary: #1e1e1e;--bg-tertiary: #2b2b2b;--text-primary: #ffffff;--text-secondary: #999999;--border-color: #333333;--accent-color: #3390ec;--accent-hover: #2878c4;--sidebar-bg: #2b2b2b;--sidebar-hover: #3a3a3a;--sidebar-active: #3d5a80;--message-bg: #2b2b2b;--message-own-bg: #3390ec;--input-bg: #2b2b2b;--input-border: #333333}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100vh}