@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);:root{--wa-bg-dark:#111b21;--wa-bg-darker:#0b141a;--wa-bg-panel:#202c33;--wa-bg-hover:#2a3942;--wa-bg-input:#2a3942;--wa-bg-message-out:#005c4b;--wa-bg-message-in:#202c33;--wa-border:#2f3b43;--wa-border-light:#3b4a54;--wa-green:#00a884;--wa-green-light:#25d366;--wa-green-dark:#005c4b;--wa-blue:#53bdeb;--wa-blue-light:#6bcae2;--wa-text-primary:#e9edef;--wa-text-secondary:#8696a0;--wa-text-muted:#667781;--wa-text-green:#00a884;--wa-online:#25d366;--wa-typing:#25d366;--wa-unread:#25d366;--wa-error:#f15c6d;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--transition-fast:0.1s ease;--transition-normal:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111b21;background:var(--wa-bg-dark);color:#e9edef;color:var(--wa-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:14px;line-height:1.4}::selection{background:#00a8844d;color:#e9edef;color:var(--wa-text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#8696a066;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8696a099}:focus{outline:none}:focus-visible{outline:2px solid #00a884;outline:2px solid var(--wa-green);outline-offset:2px}a{color:#53bdeb;color:var(--wa-blue);text-decoration:none}a:hover{text-decoration:underline}.text-primary{color:#e9edef;color:var(--wa-text-primary)}.text-secondary{color:#8696a0;color:var(--wa-text-secondary)}.text-muted{color:#667781;color:var(--wa-text-muted)}.text-green{color:#00a884;color:var(--wa-green)}.material-icons{font-size:24px;-webkit-user-select:none;user-select:none}.signup-container{align-items:center;background:var(--wa-bg-dark);display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-form{background:var(--wa-bg-panel);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;max-width:400px;padding:40px;width:100%}.signup-form h2{color:var(--wa-text-primary);font-size:24px;font-weight:500;margin:0 0 32px;text-align:center}.signup-form input{background:var(--wa-bg-input);border:1px solid var(--wa-border);border-radius:var(--radius-md);color:var(--wa-text-primary);font-family:inherit;font-size:14px;margin-bottom:16px;padding:14px 16px;transition:border-color var(--transition-fast);width:100%}.signup-form input::placeholder{color:var(--wa-text-muted)}.signup-form input:focus{border-color:var(--wa-green);outline:none}.signup-form button[type=submit]{background:var(--wa-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px;transition:background var(--transition-fast);width:100%}.signup-form button[type=submit]:hover{background:var(--wa-green-light)}.login-redirect{border-top:1px solid var(--wa-border);color:var(--wa-text-secondary);font-size:13px;margin-top:20px;padding-top:20px;text-align:center}.login-link{color:var(--wa-blue);cursor:pointer;margin-left:4px}.login-link:hover{text-decoration:underline}.light-theme .signup-container{background:#f0f2f5}.light-theme .signup-form{background:#fff;box-shadow:0 2px 10px #0000001a}.light-theme .signup-form h2{color:#111b21}.light-theme .signup-form input{background:#f0f2f5;border-color:#d1d7db;color:#111b21}.light-theme .login-redirect{border-top-color:#d1d7db;color:#667781}.login-container{align-items:center;background:var(--wa-bg-dark);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{background:var(--wa-bg-panel);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;max-width:400px;padding:40px;width:100%}.login-form h2{color:var(--wa-text-primary);font-size:24px;font-weight:500;margin:0 0 32px;text-align:center}.login-form input{background:var(--wa-bg-input);border:1px solid var(--wa-border);border-radius:var(--radius-md);color:var(--wa-text-primary);font-family:inherit;font-size:14px;margin-bottom:16px;padding:14px 16px;transition:border-color var(--transition-fast);width:100%}.login-form input::placeholder{color:var(--wa-text-muted)}.login-form input:focus{border-color:var(--wa-green);outline:none}.login-form button[type=submit]{background:var(--wa-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px;transition:background var(--transition-fast);width:100%}.login-form button[type=submit]:hover{background:var(--wa-green-light)}.forget-pass{color:var(--wa-text-secondary);font-size:13px;margin-top:20px;text-align:center}.reset-link{color:var(--wa-blue);cursor:pointer;margin-left:4px}.reset-link:hover{text-decoration:underline}.signup-redirect{border-top:1px solid var(--wa-border);color:var(--wa-text-secondary);font-size:13px;margin-top:16px;padding-top:20px;text-align:center}.signup-link{color:var(--wa-blue);cursor:pointer;margin-left:4px}.signup-link:hover{text-decoration:underline}.light-theme .login-container{background:#f0f2f5}.light-theme .login-form{background:#fff;box-shadow:0 2px 10px #0000001a}.light-theme .login-form h2{color:#111b21}.light-theme .login-form input{background:#f0f2f5;border-color:#d1d7db;color:#111b21}.light-theme .forget-pass,.light-theme .signup-redirect{border-top-color:#d1d7db;color:#667781}.chat-list{background:var(--wa-bg-dark);border-right:1px solid var(--wa-border);display:flex;flex-direction:column;height:100vh;max-width:400px;min-width:300px;width:340px}.chat-list-tabs{border-bottom:1px solid var(--wa-border);display:flex;gap:8px;padding:12px 16px 8px}.tab-btn{background:#0000;border:none;border-radius:20px;color:var(--wa-text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast)}.tab-btn:hover{background:var(--wa-bg-hover);color:var(--wa-text-primary)}.tab-btn.active{background:var(--wa-bg-panel);color:var(--wa-green)}.chat-list-search{align-items:center;background:var(--wa-bg-input);border-radius:var(--radius-md);display:flex;gap:12px;margin:8px 12px;padding:8px 12px}.chat-list-search .search-icon{color:var(--wa-text-muted);font-size:20px}.chat-list-search input{background:#0000;border:none;color:var(--wa-text-primary);flex:1 1;font-family:inherit;font-size:14px}.chat-list-search input::placeholder{color:var(--wa-text-muted)}.chat-list-users{flex:1 1;overflow-x:hidden;overflow-y:auto}.chat-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background var(--transition-fast)}.chat-item:hover{background:var(--wa-bg-hover)}.chat-item.active{background:var(--wa-bg-panel)}.chat-item-avatar{flex-shrink:0;position:relative}.avatar{align-items:center;background:var(--wa-green);border-radius:var(--radius-full);color:#fff;display:flex;font-size:18px;font-weight:500;height:48px;justify-content:center;width:48px}.online-indicator{background:var(--wa-online);border:2px solid var(--wa-bg-dark);border-radius:var(--radius-full);bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-item-content{border-bottom:1px solid var(--wa-border);flex:1 1;min-width:0;padding-bottom:12px}.chat-item:last-child .chat-item-content{border-bottom:none}.chat-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-item-name{color:var(--wa-text-primary);font-size:15px;font-weight:500}.chat-item-time{color:var(--wa-green);font-size:12px}.chat-item-preview{align-items:center;display:flex;gap:4px}.preview-text{color:var(--wa-text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-indicator{color:var(--wa-green);font-size:13px}.unread-badge{align-items:center;background:var(--wa-green);border-radius:10px;color:var(--wa-bg-dark);display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.calls-section{border-top:1px solid var(--wa-border);padding:12px 16px}.calls-header{align-items:center;display:flex;justify-content:space-between}.calls-title{color:var(--wa-text-primary);font-size:15px;font-weight:600}.new-meet-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:var(--wa-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.new-meet-btn:hover{background:var(--wa-bg-hover);color:var(--wa-text-primary)}.new-meet-btn .material-icons{font-size:18px}@media (max-width:768px){.chat-list{height:calc(100vh - 56px);max-width:none;width:100%}}.light-theme .chat-list{background:#fff;border-right-color:#d1d7db}.light-theme .chat-list-tabs{border-bottom-color:#d1d7db}.light-theme .tab-btn{color:#54656f}.light-theme .tab-btn:hover{background:#f0f2f5;color:#111b21}.light-theme .tab-btn.active{background:#e7fce3;color:#00a884}.light-theme .chat-list-search{background:#f0f2f5}.light-theme .chat-list-search input{color:#111b21}.light-theme .chat-item.active,.light-theme .chat-item:hover{background:#f0f2f5}.light-theme .chat-item-name{color:#111b21}.light-theme .chat-item-content{border-bottom-color:#d1d7db}.light-theme .online-indicator{border-color:#fff}.light-theme .calls-section{border-top-color:#d1d7db}.light-theme .calls-title{color:#111b21}.light-theme .new-meet-btn:hover{background:#f0f2f5}.sidebar{background:var(--wa-bg-dark);border-right:1px solid var(--wa-border);display:flex;flex-direction:column;height:100vh;justify-content:space-between;min-width:64px;padding:12px 0;width:64px}.sidebar-bottom,.sidebar-top{gap:4px}.sidebar-bottom,.sidebar-btn,.sidebar-top{align-items:center;display:flex;flex-direction:column}.sidebar-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--wa-text-secondary);cursor:pointer;gap:2px;justify-content:center;padding:8px 4px;transition:all var(--transition-fast);width:56px}.sidebar-btn:hover{background:var(--wa-bg-hover);color:var(--wa-text-primary)}.sidebar-btn.active{color:var(--wa-green)}.sidebar-btn .material-icons{font-size:22px}.sidebar-label{font-size:10px;font-weight:400;line-height:1.2}.logout-btn{margin-top:8px}.logout-btn:hover{color:var(--wa-error)}@media (max-width:768px){.sidebar{border-right:none;border-top:1px solid var(--wa-border);bottom:0;flex-direction:row;height:56px;left:0;padding:0 16px;position:fixed;width:100%;z-index:100}.sidebar-bottom,.sidebar-top{flex-direction:row;gap:8px}.sidebar-btn{padding:8px 12px;width:auto}.sidebar-label{display:none}}.light-theme .sidebar{background:#fff;border-right-color:#d1d7db}.light-theme .sidebar-btn{color:#54656f}.light-theme .sidebar-btn:hover{background:#f0f2f5;color:#111b21}.light-theme .sidebar-btn.active{color:#00a884}.chat-window{background:var(--wa-bg-darker);display:flex;flex-direction:column;height:100%;position:relative}.chat-window:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.chat-header{background:var(--wa-bg-panel);border-bottom:1px solid var(--wa-border);gap:12px;padding:10px 16px;position:relative;z-index:1}.back-btn,.chat-header{align-items:center;display:flex}.back-btn{background:#0000;border:none;border-radius:var(--radius-full);color:var(--wa-text-secondary);cursor:pointer;height:36px;justify-content:center;width:36px}.back-btn:hover{background:var(--wa-bg-hover)}.header-avatar{align-items:center;background:var(--wa-green);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:40px;justify-content:center;width:40px}.header-info{flex:1 1;min-width:0}.header-name{color:var(--wa-text-primary);font-size:15px;font-weight:500;margin:0}.header-status{color:var(--wa-text-muted);font-size:12px}.header-status.online{color:var(--wa-green)}.header-actions{display:flex;gap:4px}.action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--wa-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background var(--transition-fast);width:40px}.action-btn:hover{background:var(--wa-bg-hover);color:var(--wa-text-primary)}.messages-container{flex:1 1;overflow-y:auto;padding:20px 60px;position:relative;z-index:1}.date-separator{display:flex;justify-content:center;margin:16px 0}.date-separator span{background:var(--wa-bg-panel);border-radius:var(--radius-md);box-shadow:0 1px 2px #0003;color:var(--wa-text-secondary);font-size:12px;padding:6px 12px}.message{align-items:flex-end;display:flex;gap:8px;margin-bottom:4px;max-width:65%}.message.sent{flex-direction:row-reverse;margin-left:auto}.message.received{margin-right:auto}.message-avatar{align-items:center;background:var(--wa-green);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;margin-bottom:2px;width:28px}.message-bubble{word-wrap:break-word;border-radius:var(--radius-md);max-width:100%;padding:8px 12px;position:relative}.message.sent .message-bubble{background:var(--wa-bg-message-out);border-bottom-right-radius:4px;color:var(--wa-text-primary)}.message.received .message-bubble{background:var(--wa-bg-message-in);border-bottom-left-radius:4px;color:var(--wa-text-primary)}.message.sent .message-bubble:after{border-left:8px solid var(--wa-bg-message-out);right:-8px}.message.received .message-bubble:before,.message.sent .message-bubble:after{border-bottom:8px solid #0000;bottom:0;content:"";height:0;position:absolute;width:0}.message.received .message-bubble:before{border-right:8px solid var(--wa-bg-message-in);left:-8px}.message-text{font-size:14px;line-height:1.4;margin:0}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-time{color:#fff9;font-size:11px}.tick{color:#fff9;font-size:14px}.tick.read{color:var(--wa-blue)}.message-image{border-radius:var(--radius-sm);cursor:pointer;margin-bottom:4px;max-height:300px;max-width:300px}.message-audio{height:36px;margin-bottom:4px;width:240px}.file-preview-bar{align-items:center;background:var(--wa-bg-panel);border-top:1px solid var(--wa-border);display:flex;gap:12px;padding:12px 16px;position:relative;z-index:1}.file-preview-thumb{border-radius:var(--radius-sm);height:48px;object-fit:cover;width:48px}.file-name{color:var(--wa-text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-file-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--wa-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.clear-file-btn:hover{background:var(--wa-bg-hover);color:var(--wa-text-primary)}.input-container{background:var(--wa-bg-panel);gap:8px;padding:10px 16px;position:relative;z-index:1}.input-btn,.input-container{align-items:center;display:flex}.input-btn{background:#0000;border:none;border-radius:var(--radius-full);color:var(--wa-text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.input-btn:hover{color:var(--wa-text-primary)}.input-wrapper{align-items:center;background:var(--wa-bg-input);border-radius:var(--radius-md);display:flex;flex:1 1;padding:0 8px}.emoji-container,.input-wrapper{position:relative}.emoji-btn{height:36px;width:36px}.emoji-picker{grid-gap:2px;background:var(--wa-bg-panel);border:1px solid var(--wa-border);border-radius:var(--radius-md);bottom:50px;box-shadow:0 4px 16px #0000004d;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);left:0;max-height:200px;overflow-y:auto;padding:8px;position:absolute;width:320px;z-index:100}.emoji-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background var(--transition-fast);width:28px}.emoji-item:hover{background:var(--wa-bg-hover)}.input-wrapper input{background:#0000;border:none;color:var(--wa-text-primary);flex:1 1;font-family:inherit;font-size:14px;padding:10px 8px}.input-wrapper input::placeholder{color:var(--wa-text-muted)}.mic-btn,.send-btn{align-items:center;background:var(--wa-green);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.mic-btn:hover,.send-btn:hover{background:var(--wa-green-light)}.mic-btn.recording{animation:pulse 1s infinite;background:var(--wa-error)}.image-modal{align-items:center;background:#000000e6;cursor:zoom-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-modal img{border-radius:var(--radius-md);max-height:90%;max-width:90%}@media (max-width:768px){.messages-container{padding:16px}.message{max-width:85%}.emoji-picker{grid-template-columns:repeat(8,1fr);width:280px}}.light-theme .chat-window{background:#efeae2}.light-theme .chat-window:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23000' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.light-theme .chat-header{background:#f0f2f5;border-bottom-color:#d1d7db}.light-theme .header-name{color:#111b21}.light-theme .header-status{color:#667781}.light-theme .action-btn{color:#54656f}.light-theme .action-btn:hover{background:#d9dbdc}.light-theme .date-separator span{background:#fff;color:#54656f}.light-theme .message.sent .message-bubble{background:#d9fdd3;color:#111b21}.light-theme .message.sent .message-bubble:after{border-left-color:#d9fdd3}.light-theme .message.received .message-bubble{background:#fff;color:#111b21}.light-theme .message.received .message-bubble:before{border-right-color:#fff}.light-theme .message-time,.light-theme .tick{color:#111b2180}.light-theme .tick.read{color:#53bdeb}.light-theme .file-preview-bar{background:#f0f2f5;border-top-color:#d1d7db}.light-theme .input-container{background:#f0f2f5}.light-theme .input-wrapper{background:#fff}.light-theme .input-wrapper input{color:#111b21}.light-theme .input-wrapper input::placeholder{color:#667781}.light-theme .emoji-picker{background:#fff;border-color:#d1d7db}.light-theme .emoji-item:hover{background:#f0f2f5}.ai-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#0b141ad9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ai-modal{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275);background:#111b21;background:var(--bg-color,#111b21);border:1px solid #222d34;border:1px solid var(--border-color,#222d34);border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;height:80vh;max-width:500px;overflow:hidden;width:90%}.ai-header{background:#202c33;background:var(--header-bg,#202c33);border-bottom:1px solid #222d34;border-bottom:1px solid var(--border-color,#222d34);justify-content:space-between;padding:16px 20px}.ai-header,.ai-header h3{align-items:center;display:flex}.ai-header h3{color:#e9edef;color:var(--text-primary,#e9edef);font-size:18px;gap:8px;margin:0}.ai-header h3 span{color:#00a884}.close-ai-btn{align-items:center;background:none;border:none;border-radius:50%;color:#aebac1;color:var(--icon-color,#aebac1);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.close-ai-btn:hover{background:#ffffff1a}.ai-messages{background:#0b141a;background:var(--chat-bg,#0b141a);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.ai-message{border-radius:12px;color:#e9edef;color:var(--text-primary,#e9edef);font-size:14.5px;line-height:1.5;max-width:85%;padding:12px 16px;position:relative}.ai-message p{margin:0 0 8px}.ai-message p:last-child{margin:0}.ai-message.user{align-self:flex-end;background:#005c4b;border-top-right-radius:4px}.ai-message.assistant{align-self:flex-start;background:#202c33;background:var(--header-bg,#202c33);border-top-left-radius:4px}.ai-message.error{align-self:center;background:#8b0000;border-radius:16px;color:#fff;font-size:13px;padding:8px 12px}.typing-indicator{align-items:center;align-self:flex-start;background:#202c33;background:var(--header-bg,#202c33);border-radius:12px;border-top-left-radius:4px;display:flex;gap:4px;padding:8px 12px}.typing-dot{animation:typingBounce 1.4s ease-in-out infinite both;background:#aebac1;border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.ai-input-container{align-items:center;background:#202c33;background:var(--header-bg,#202c33);display:flex;gap:12px;padding:12px 16px}.ai-input-container input{background:#2a3942;background:var(--bg-color,#2a3942);border:none;border-radius:20px;color:#e9edef;color:var(--text-primary,#e9edef);flex:1 1;font-size:15px;outline:none;padding:12px 16px}.ai-input-container input::placeholder{color:#8696a0;color:var(--text-secondary,#8696a0)}.ai-send-btn{align-items:center;background:#00a884;border:none;border-radius:50%;color:#111b21;cursor:pointer;display:flex;height:44px;justify-content:center;transition:transform .1s,background .2s;width:44px}.ai-send-btn:hover{background:#00c299}.ai-send-btn:active{transform:scale(.95)}.ai-send-btn:disabled{background:#3b4a54;color:#8696a0;cursor:not-allowed}.ai-quick-actions{background:#0b141a;background:var(--chat-bg,#0b141a);border-bottom:1px solid #222d34;border-bottom:1px solid var(--border-color,#222d34);display:flex;gap:10px;overflow-x:auto;padding:16px;scrollbar-width:none}.ai-quick-actions::-webkit-scrollbar{display:none}.ai-quick-pill{background:#0000;border:1px solid #00a884;border-radius:16px;color:#00a884;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s;white-space:nowrap}.ai-quick-pill:hover{background:#00a8841a}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-markdown-content pre{background:#111b21!important;background:var(--bg-color,#111b21)!important;border:1px solid #222d34;border:1px solid var(--border-color,#222d34);border-radius:6px;overflow-x:auto;padding:10px}.ai-markdown-content code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px}.home-container{background:var(--wa-bg-dark);display:flex;height:100vh;overflow:hidden;width:100vw}.chat-area{flex:1 1;flex-direction:column;min-width:0}.chat-area,.welcome-screen{background:var(--wa-bg-darker);display:flex}.welcome-screen{align-items:center;border-bottom:6px solid var(--wa-green);flex:1 1;justify-content:center}.welcome-content{max-width:500px;padding:40px;text-align:center}.welcome-icon{align-items:center;background:var(--wa-bg-panel);border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.welcome-icon .material-icons{color:var(--wa-text-secondary);font-size:40px}.welcome-content h2{color:var(--wa-text-primary);font-size:28px;font-weight:300;margin:0 0 16px}.welcome-content p{color:var(--wa-text-secondary);font-size:14px;line-height:1.6;margin:0 0 8px}.welcome-hint{border-top:1px solid var(--wa-border);color:var(--wa-text-muted)!important;font-size:13px!important;margin-top:24px!important;padding-top:24px}@media (max-width:768px){.home-container{flex-direction:column}.chat-area{height:calc(100vh - 56px)}.welcome-screen{border-bottom:none}.welcome-content{padding:20px}.welcome-content h2{font-size:22px}}.light-theme .home-container,.light-theme.home-container{background:#f0f2f5}.light-theme .chat-area{background:#efeae2}.light-theme .welcome-screen{background:#f0f2f5}.light-theme .welcome-icon{background:#e7fce3}.light-theme .welcome-icon .material-icons{color:#00a884}.light-theme .welcome-content h2{color:#111b21}.light-theme .welcome-content p{color:#667781}.light-theme .welcome-hint{border-top-color:#d1d7db}.forget-password-container{align-items:center;background:var(--wa-bg-dark);display:flex;justify-content:center;min-height:100vh;padding:20px}.forget-password-form{background:var(--wa-bg-panel);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;max-width:400px;padding:40px;width:100%}.forget-password-form h2{color:var(--wa-text-primary);font-size:24px;font-weight:500;margin:0 0 16px;text-align:center}.forget-password-description{color:var(--wa-text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.forget-password-form input{background:var(--wa-bg-input);border:1px solid var(--wa-border);border-radius:var(--radius-md);color:var(--wa-text-primary);font-family:inherit;font-size:14px;margin-bottom:16px;padding:14px 16px;transition:border-color var(--transition-fast);width:100%}.forget-password-form input::placeholder{color:var(--wa-text-muted)}.forget-password-form input:focus{border-color:var(--wa-green);outline:none}.forget-password-form input:disabled{opacity:.6}.error-message{background:#f15c6d1a;border:1px solid #f15c6d4d;border-radius:var(--radius-md);color:var(--wa-error)}.error-message,.success-message{font-size:13px;margin-bottom:16px;padding:12px}.success-message{background:#00a8841a;border:1px solid #00a8844d;border-radius:var(--radius-md);color:var(--wa-green)}.forget-password-form button[type=submit]{background:var(--wa-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px;transition:background var(--transition-fast);width:100%}.forget-password-form button[type=submit]:hover:not(:disabled){background:var(--wa-green-light)}.forget-password-form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.back-to-login{border-top:1px solid var(--wa-border);margin-top:20px;padding-top:20px;text-align:center}.back-link{color:var(--wa-blue);cursor:pointer;font-size:13px}.back-link:hover{text-decoration:underline}.reset-password-container{align-items:center;background:var(--wa-bg-dark);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-form{background:var(--wa-bg-panel);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;max-width:400px;padding:40px;width:100%}.reset-password-form h2{color:var(--wa-text-primary);font-size:24px;font-weight:500;margin:0 0 16px;text-align:center}.reset-password-description{color:var(--wa-text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.reset-password-form input{background:var(--wa-bg-input);border:1px solid var(--wa-border);border-radius:var(--radius-md);color:var(--wa-text-primary);font-family:inherit;font-size:14px;margin-bottom:16px;padding:14px 16px;transition:border-color var(--transition-fast);width:100%}.reset-password-form input::placeholder{color:var(--wa-text-muted)}.reset-password-form input:focus{border-color:var(--wa-green);outline:none}.reset-password-form input:disabled{opacity:.6}.reset-password-form .error-message{background:#f15c6d1a;border:1px solid #f15c6d4d;border-radius:var(--radius-md);color:var(--wa-error);font-size:13px;margin-bottom:16px;padding:12px}.reset-password-form .success-message{background:#00a8841a;border:1px solid #00a8844d;border-radius:var(--radius-md);color:var(--wa-green);font-size:13px;margin-bottom:16px;padding:12px}.reset-password-form button[type=submit]{background:var(--wa-green);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px;transition:background var(--transition-fast);width:100%}.reset-password-form button[type=submit]:hover:not(:disabled){background:var(--wa-green-light)}.reset-password-form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.reset-password-form .back-to-login{border-top:1px solid var(--wa-border);margin-top:20px;padding-top:20px;text-align:center}.reset-password-form .back-link{color:var(--wa-blue);cursor:pointer;font-size:13px}.reset-password-form .back-link:hover{text-decoration:underline}.call-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-modal{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:450px;min-width:350px;padding:40px;text-align:center}.call-modal.video-mode{height:100%;min-height:100%;min-width:100%;padding:0;position:relative;width:100%}.video-container{background:#000;bottom:0;left:0;position:absolute;right:0;top:0}.remote-video{height:100%;object-fit:cover;width:100%}.remote-video-placeholder{align-items:center;background:#1a1a1a;color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.remote-video-placeholder .placeholder-avatar{align-items:center;background:var(--wa-green);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:500;height:120px;justify-content:center;margin-bottom:16px;width:120px}.remote-video-placeholder p{font-size:14px;margin:0}.local-video{background:#000;border:2px solid #ffffff4d;border-radius:12px;bottom:100px;box-shadow:0 4px 20px #0006;height:200px;object-fit:cover;position:absolute;right:20px;width:150px;z-index:10}.local-video.local-video-center{bottom:auto;height:280px;margin:20px auto;position:relative;right:auto;width:200px}.local-video.no-camera{align-items:center;background:#000c;display:flex;flex-direction:column;gap:4px;justify-content:center}.local-video.no-camera .material-icons{color:#ffffff80;font-size:32px}.no-camera-text{color:#ffffff80;font-size:10px}.stream-info{color:#fff6;font-size:11px;margin:8px 0 0}.call-info{align-items:center;display:flex;flex-direction:column;gap:12px;z-index:1}.video-mode .call-info{left:0;position:absolute;right:0;top:40px}.call-avatar{align-items:center;animation:pulse 2s infinite;background:var(--wa-green);border-radius:50%;box-shadow:0 4px 20px #00a88466;color:#fff;display:flex;font-size:40px;font-weight:500;height:100px;justify-content:center;width:100px}@keyframes pulse{0%,to{box-shadow:0 4px 20px #00a88466;transform:scale(1)}50%{box-shadow:0 4px 30px #00a88499;transform:scale(1.05)}}.video-mode .call-avatar{font-size:24px;height:60px;width:60px}.call-username{color:#fff;font-size:24px;font-weight:500;margin:0}.call-status{color:#ffffffb3;font-size:16px;margin:0}.call-type{align-items:center;color:#ffffff80;display:flex;font-size:14px;gap:6px;margin:0}.call-type .material-icons{font-size:18px}.call-actions{display:flex;gap:24px;margin-top:60px;z-index:1}.video-mode .call-actions{bottom:40px;left:50%;margin-top:0;position:absolute;transform:translateX(-50%)}.call-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .2s ease;width:64px}.call-btn .material-icons{color:#fff;font-size:28px}.call-btn.accept{background:var(--wa-green)}.call-btn.accept:hover{background:var(--wa-green-light);transform:scale(1.1)}.call-btn.reject{background:#f15c6d}.call-btn.reject:hover{background:#e74c5c;transform:scale(1.1)}.call-btn.control{background:#fff3}.call-btn.control:hover{background:#ffffff4d}.call-btn.control.active{background:#fff6}.call-modal-overlay.incoming .call-avatar{animation:ring 1s infinite}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}@media (max-width:768px){.call-modal{min-height:100%;min-width:100%;padding:20px}.local-video{bottom:120px;height:140px;right:10px;width:100px}.call-btn{height:56px;width:56px}.call-btn .material-icons{font-size:24px}}#root{height:100vh;overflow:hidden;width:100vw}.loading-screen{align-items:center;background:var(--wa-bg-dark);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--wa-border);border-radius:50%;border-top-color:var(--wa-green);height:40px;width:40px}.loading-text{color:var(--wa-text-secondary);font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.chat-list,.chat-window,.sidebar,body{transition:background-color var(--transition-normal)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.49856fe3.css.map*/