:root{--teal:#0abfbc;--teal-dark:#089a98;--teal-light:#dff7f7;--teal-glow:#0abfbc2e;--cream:#f7f3ee;--cream-alt:#fdfaf6;--sand:#ede7de;--sand-dark:#d5ccbf;--gold:#e8a958;--gold-light:#fdf0dc;--coral:#f26b6b;--coral-light:#fdeaea;--coral-dark:#d95555;--text-primary:#1c1c2e;--text-secondary:#5c5c7a;--text-muted:#9898b0;--surface:#fff;--surface-raised:#fdfaf7;--border:#eae4dc;--shadow-sm:0 2px 8px #1c1c2e0f;--shadow-md:0 6px 24px #1c1c2e17;--shadow-lg:0 16px 48px #1c1c2e1f;--shadow-teal:0 8px 32px #0abfbc38;--r-sm:10px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-full:999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fade-up{animation:fadeUp .5s cubic-bezier(.34,1.56,.64,1) both;animation:fadeUp .5s var(--ease-spring) both}.animate-fade-in{animation:fadeIn .35s ease both}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#ede7de 25%,#fdfaf6 50%,#ede7de 75%);background:linear-gradient(90deg,var(--sand) 25%,var(--cream-alt) 50%,var(--sand) 75%);background-size:800px 100%;border-radius:18px;border-radius:var(--r-md)}.message-bubble{align-items:flex-end}.bubble-content{display:flex;flex-direction:column}.bubble-content.own{align-items:flex-end}.bubble-content.other{align-items:flex-start}.message-text{word-break:break-word}.message-meta{flex-wrap:wrap}.reaction-picker-wrapper{display:inline-block}.btn-reaction{font-size:14px;margin-left:14px;margin-top:4px}.reaction-picker{bottom:100%;left:0}.message-input-container{background:#fff;background:var(--bg-surface,#fff);border-top:1px solid #e5e5e5;border-top:1px solid var(--border,#e5e5e5);gap:12px}.message-input-container,.options-panel{display:flex;flex-direction:column;padding:16px}.options-panel{animation:slideUp .3s ease-out;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:12px;gap:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.option-group{display:flex;flex-direction:column;gap:8px}.option-title{color:#000;color:var(--text-primary,#000);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.option-items{display:flex;flex-wrap:wrap;gap:8px}.option-item{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:20px;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s}.option-item:hover{color:#0084ff;color:var(--accent,#0084ff)}.option-item.active,.option-item:hover{border-color:#0084ff;border-color:var(--accent,#0084ff)}.option-item.active{background:#0084ff;background:var(--accent,#0084ff);color:#fff;font-weight:600}.option-hint{color:#999;color:var(--text-muted,#999);font-size:12px;margin:0}.attachment-preview{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:12px;max-height:200px;overflow:hidden;padding:12px;position:relative}.attachment-preview img,.attachment-preview video{border-radius:8px;max-height:180px;max-width:100%;object-fit:cover}.file-preview{align-items:center;display:flex;gap:12px;padding:8px}.file-icon{font-size:24px}.file-name{font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#999;color:var(--text-muted,#999);font-size:11px;margin:0}.upload-progress{background:#e5e5e5;background:var(--border,#e5e5e5);border-radius:12px;bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.progress-bar{animation:progress .3s ease;background:#0084ff;background:var(--accent,#0084ff);height:100%}@keyframes progress{0%{width:0}}.input-wrapper{display:flex;flex-direction:column;gap:12px}.message-input-group{align-items:flex-end;display:flex;gap:8px;position:relative}.message-input{border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:100px;padding:12px;resize:none;transition:border-color .2s}.message-input:focus{border-color:#0084ff;border-color:var(--accent,#0084ff);box-shadow:0 0 0 2px #0084ff1a;outline:none}.message-input::placeholder{color:#999;color:var(--text-muted,#999)}.active-feature{animation:slideUp .3s ease-out;background:#f0f7ff;background:var(--accent-light,#f0f7ff);border-radius:6px;color:#0084ff;color:var(--accent,#0084ff);font-size:11px;padding:4px 8px;white-space:nowrap}.input-actions{gap:8px;justify-content:flex-end}.btn-icon,.input-actions{align-items:center;display:flex}.btn-icon{background:none;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:50%;cursor:pointer;font-size:16px;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.btn-icon:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);border-color:#0084ff;border-color:var(--accent,#0084ff)}.btn-send{align-items:center;background:#0084ff;background:var(--accent,#0084ff);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:10px 16px;transition:all .2s}.btn-send:hover:not(:disabled){background:#0073e6;background:var(--accent-dark,#0073e6);transform:translateY(-1px)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.input-info{color:#999;color:var(--text-muted,#999);font-size:11px;text-align:center}.input-info p{margin:0}.call-interface{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.call-interface.call-ended{background:linear-gradient(135deg,#2d3436,#636e72)}.call-container{background:#1a1a2e;border-radius:24px;box-shadow:0 10px 40px #0000004d;max-height:600px;max-width:800px;overflow:hidden;width:100%}.call-container,.call-ringing{display:flex;flex-direction:column;height:100%}.call-ringing{align-items:center;gap:24px;justify-content:center;padding:40px 20px}.caller-info{align-items:center;display:flex;flex-direction:column;gap:16px}.caller-avatar{border:4px solid #fff3;border-radius:50%;height:120px;object-fit:cover;width:120px}.caller-info h2{color:#fff;font-size:24px;margin:0}.caller-info p{color:#ffffffb3;font-size:14px;margin:0}.pulsing-dots{display:flex;gap:6px}.pulsing-dots span{animation:pulse 1.4s infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.pulsing-dots span:nth-child(2){animation-delay:.2s}.pulsing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.call-actions{display:flex;gap:24px;justify-content:center}.btn-answer,.btn-decline{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s}.btn-answer{background:#31a24c;color:#fff}.btn-answer:hover{background:#2a8a40;transform:translateY(-2px)}.btn-decline{background:#e74c3c;color:#fff}.btn-decline:hover{background:#c0392b;transform:translateY(-2px)}.video-container{background:#0f0f1e;flex:1 1;overflow:hidden;position:relative}.video-remote{height:100%;object-fit:cover;width:100%}.video-local{border:3px solid #fff3;border-radius:12px;bottom:16px;height:140px;object-fit:cover;position:absolute;right:16px;width:140px}.audio-call-view{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.audio-icon{animation:float 3s ease-in-out infinite;font-size:80px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.duration{font-size:28px;font-weight:600;margin:0}.call-controls{background:#0000004d;gap:16px;padding:20px}.btn-control,.call-controls{align-items:center;display:flex;justify-content:center}.btn-control{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;transition:all .2s;width:50px}.btn-control:hover{background:#ffffff4d;transform:scale(1.1)}.btn-control.active{background:#ff3232b3}.btn-end-call{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;margin-left:8px;transition:all .2s;width:50px}.btn-end-call:hover{background:#c0392b;transform:scale(1.1)}.call-content,.call-ended{flex-direction:column}.call-content{align-items:center;color:#fff;display:flex;gap:20px;height:100%;justify-content:center;padding:40px 20px}.call-status{text-align:center}.call-status h2{font-size:24px;margin:0 0 8px}.call-status .duration{color:#fffc;font-size:32px;margin:0}.btn-primary{border:none;border-radius:24px;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .2s}@media (max-width:600px){.call-container{border-radius:0;max-height:100%}.video-local{height:100px;width:100px}.call-actions{gap:16px}.btn-answer,.btn-decline{min-width:100px;padding:10px 20px}.call-controls{gap:12px;padding:16px}.btn-control,.btn-end-call{font-size:18px;height:44px;width:44px}}.typing-indicator{margin-top:4px}.chat-settings-panel{animation:slideDown .3s ease-out;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-settings-panel h3{color:#000;color:var(--text-primary,#000);font-size:16px;font-weight:600;margin:0}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:#000;color:var(--text-primary,#000);font-size:13px;font-weight:500}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;margin:0}.checkbox-label input[type=checkbox]{accent-color:#0084ff;accent-color:var(--accent,#0084ff);cursor:pointer;height:16px;width:16px}.setting-item select{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:6px;cursor:pointer;font-size:13px;padding:8px 12px}.settings-actions{display:flex;gap:8px;margin-top:8px}.btn-primary,.btn-secondary{border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-primary{background:#0084ff;background:var(--accent,#0084ff);color:#fff}.btn-primary:hover{background:#0073e6;background:var(--accent-dark,#0073e6)}.btn-secondary{background:#e5e5e5;background:var(--bg-hover,#e5e5e5);color:#000;color:var(--text-primary,#000)}.btn-secondary:hover{background:#d0d0d0;background:var(--border,#d0d0d0)}@media (max-width:600px){.chat-settings-panel{padding:12px}}.chat-container{background:#f5f5f5;background:var(--bg-primary,#f5f5f5);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;height:calc(100vh - 60px)}.chat-sidebar{background:#fff;background:var(--bg-surface,#fff);border-right:1px solid #e5e5e5;border-right:1px solid var(--border,#e5e5e5);display:flex;flex-direction:column;overflow:hidden;width:340px}.chat-header{align-items:center;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);display:flex;justify-content:space-between;padding:16px}.chat-header h2{font-size:24px;font-weight:700;margin:0}.btn-settings{background:none;border:none;border-radius:50%;cursor:pointer;font-size:18px;padding:8px;transition:background .2s}.btn-settings:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0)}.conversations-wrapper{flex:1 1;overflow-y:auto;scrollbar-width:thin}.conversations-wrapper::-webkit-scrollbar{width:6px}.conversations-wrapper::-webkit-scrollbar-track{background:#0000}.conversations-wrapper::-webkit-scrollbar-thumb{background:#ccc;background:var(--text-muted,#ccc);border-radius:3px}.empty-state,.loading{color:#999;color:var(--text-muted,#999);font-size:14px;padding:24px;text-align:center}.conversation-list{display:flex;flex-direction:column}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border,#f0f0f0);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .2s}.conversation-item:hover{background:#f9f9f9;background:var(--bg-hover,#f9f9f9)}.conversation-item.active{background:#f0f7ff;background:var(--accent-light,#f0f7ff);border-left:3px solid #0084ff;border-left:3px solid var(--accent,#0084ff)}.conv-avatar{border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.conv-info{flex:1 1;min-width:0}.conv-name{font-size:14px;font-weight:600;margin:0}.conv-name,.conv-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{color:#999;color:var(--text-muted,#999);font-size:13px;margin:4px 0 0}.unread-badge{align-items:center;background:#0084ff;background:var(--accent,#0084ff);border-radius:50%;color:#fff;display:flex;font-weight:700;height:20px;justify-content:center;width:20px}.conv-time,.unread-badge{flex-shrink:0;font-size:12px}.conv-time{color:#999;color:var(--text-muted,#999);margin-left:8px}.chat-main{background:#fff;background:var(--bg-primary,#fff);display:flex;flex:1 1;flex-direction:column}.chat-header-main{align-items:center;background:#fff;background:var(--bg-surface,#fff);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);display:flex;justify-content:space-between;padding:16px}.header-user-info{align-items:center;display:flex;gap:12px}.avatar-small{border-radius:50%;height:40px;object-fit:cover;width:40px}.header-user-info h3{font-size:16px;font-weight:600;margin:0}.typing-indicator{align-items:center;color:#999;color:var(--text-muted,#999);display:flex;font-size:13px;gap:4px}.typing-dots{display:flex;gap:2px}.typing-dots span{animation:typing .8s infinite;background:#0084ff;background:var(--accent,#0084ff);border-radius:50%;height:4px;width:4px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.header-actions{display:flex;gap:8px}.btn-call{background:none;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:20px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.btn-call:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0);border-color:#0084ff;border-color:var(--accent,#0084ff)}.message-thread{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scrollbar-width:thin}.message-thread::-webkit-scrollbar{width:6px}.message-thread::-webkit-scrollbar-thumb{background:#ccc;background:var(--text-muted,#ccc);border-radius:3px}.empty-messages,.loading-messages{color:#999;color:var(--text-muted,#999);font-size:14px;margin:auto;padding:20px;text-align:center}.empty-messages p{font-size:20px;margin:0 0 8px}.empty-messages small{display:block;margin-top:8px}.message-bubble{display:flex;gap:8px;margin-bottom:4px}.message-bubble.own{flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.bubble-content{word-wrap:break-word;max-width:60%;position:relative}.bubble-content.own{background:#0084ff;background:var(--accent,#0084ff);border-radius:18px 4px 18px 18px;color:#fff}.bubble-content.other{background:#e4e6eb;background:var(--bg-secondary,#e4e6eb);border-radius:4px 18px 18px 18px;color:#000;color:var(--text-primary,#000)}.message-text{line-height:1.4;margin:0;padding:10px 14px}.message-image{object-fit:cover}.message-image,.message-video{border-radius:12px;max-height:300px;width:100%}.message-audio{min-width:200px;padding:10px 14px;width:100%}.message-file{align-items:center;color:inherit;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-decoration:none}.message-file:hover{text-decoration:underline}.message-meta{align-items:center;display:flex;font-size:12px;gap:6px;opacity:.7;padding:0 14px 6px}.meta-badge{background:#0000001a;border-radius:4px;font-size:11px;padding:2px 6px}.meta-hint{font-style:italic}.message-time{font-size:11px}.read-receipt{color:#0084ff;color:var(--accent,#0084ff)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;padding:6px 14px 0}.reaction-button{background:#f0f0f0;background:var(--bg-secondary,#f0f0f0);border-radius:16px;cursor:pointer;font-size:13px;padding:2px 8px;transition:all .2s}.reaction-button:hover{background:#0084ff;background:var(--accent,#0084ff);color:#fff}.reaction-picker-wrapper{position:relative}.btn-reaction{background:none;border:none;cursor:pointer;opacity:0;padding:4px;transition:opacity .2s}.message-bubble:hover .btn-reaction{opacity:1}.reaction-picker{background:#fff;border:1px solid #e5e5e5;border:1px solid var(--border,#e5e5e5);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;padding:8px;position:absolute;z-index:100}.emoji-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.emoji-btn:hover{background:#f0f0f0;background:var(--bg-hover,#f0f0f0)}.empty-state-main{align-items:center;color:#999;color:var(--text-muted,#999);display:flex;height:100%;justify-content:center;text-align:center}@media (max-width:768px){.chat-sidebar{width:280px}.bubble-content{max-width:75%}.chat-header-main{flex-wrap:wrap}}@media (max-width:600px){.chat-container{flex-direction:column}.chat-sidebar{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border,#e5e5e5);border-right:none;height:200px;width:100%}.chat-main{height:calc(100% - 200px)}.bubble-content{max-width:85%}.message-meta{flex-wrap:wrap}}
/*# sourceMappingURL=main.8e8d677b.css.map*/