body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-screen{align-items:center;background:linear-gradient(135deg,#f0fdf9,#e8f5ff);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:20px;box-shadow:0 4px 32px #00000014;padding:44px 40px;text-align:center;width:380px}.login-logo{background:#1d9e75;border-radius:20px;font-size:30px;font-weight:700;height:68px;width:68px}.login-logo,.profile-avatar{align-items:center;color:#fff;display:flex;justify-content:center;margin:0 auto 20px}.profile-avatar{border-radius:50%;font-size:28px;font-weight:600;height:80px;transition:background .3s;width:80px}.login-card h1{color:#1a1a1a;font-size:26px;font-weight:700;margin-bottom:8px}.login-card p{color:#888;font-size:14px;line-height:1.5;margin-bottom:28px}.login-card input{border:1.5px solid #e8e8e8;border-radius:12px;color:#1a1a1a;font-size:15px;margin-bottom:12px;outline:none;padding:13px 16px;transition:border-color .2s;width:100%}.login-card input:focus{border-color:#1d9e75}.code-input{font-size:28px!important;font-weight:600;letter-spacing:10px;text-align:center}.login-card button{background:#1d9e75;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:8px;padding:13px;transition:all .2s;width:100%}.login-card button:hover:not(:disabled){background:#0f6e56;transform:translateY(-1px)}.login-card button:disabled{cursor:not-allowed;opacity:.6}.resend-btn{background:#0000!important;border:1.5px solid #1d9e75!important;color:#1d9e75!important}.resend-btn:hover:not(:disabled){background:#f0fdf9!important}.phone-display{color:#444;font-size:15px;margin-bottom:16px}.phone-display span{color:#1d9e75;cursor:pointer;font-size:13px;margin-left:8px}.error{background:#fcebeb;border-radius:8px;color:#e24b4a;font-size:13px;margin-bottom:10px;padding:8px 12px}.app{background:#fff;display:flex;height:100vh}.sidebar{background:#fafafa;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;width:290px}.sidebar-header{border-bottom:1px solid #f0f0f0;gap:10px;padding:14px 16px}.logo,.sidebar-header{align-items:center;display:flex}.logo{background:#1d9e75;border-radius:10px;color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.logo,.logo-text{font-size:16px;font-weight:700}.logo-text{color:#1a1a1a;flex:1 1}.user-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:30px;justify-content:center;width:30px}.new-chat{border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:10px 12px}.new-chat input{background:#fff;border:1px solid #e8e8e8;border-radius:10px;color:#1a1a1a;flex:1 1;font-size:13px;outline:none;padding:8px 12px}.new-chat input:focus{border-color:#1d9e75}.new-chat button{background:#1d9e75;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;height:34px;line-height:1;width:34px}.chat-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:10px;padding:11px 14px;transition:background .1s}.chat-item:hover{background:#f0f0f0}.chat-item.active{background:#e8f5f0;border-left:3px solid #1d9e75}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-info{flex:1 1;min-width:0}.chat-name{color:#1a1a1a;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-type{color:#bbb;font-size:11px;margin-top:2px;text-transform:capitalize}.empty-chats{color:#bbb;font-size:13px;line-height:2;padding:32px 20px;text-align:center}.main{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 16px}.chat-header-name{color:#1a1a1a;font-size:15px;font-weight:600}.chat-header-type{color:#aaa;font-size:12px;text-transform:capitalize}.icon-btn{align-items:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;transition:all .15s;width:34px}.icon-btn:hover{background:#e8f5f0;border-color:#1d9e75;color:#1d9e75}.messages{background:#f8f9fa;flex:1 1;gap:6px;overflow-y:auto;padding:16px}.messages,.msg{display:flex;flex-direction:column}.msg{max-width:70%}.msg.own{align-items:flex-end;align-self:flex-end}.msg.ai,.msg.other{align-items:flex-start;align-self:flex-start}.msg-sender{color:#aaa;font-size:11px;margin-bottom:3px;padding:0 10px}.msg-bubble{border-radius:16px;font-size:14px;line-height:1.5;padding:9px 14px;word-break:break-word}.msg.own .msg-bubble{background:#1d9e75;border-bottom-right-radius:4px;color:#fff}.msg.other .msg-bubble{background:#fff;border:1px solid #f0f0f0;border-bottom-left-radius:4px;color:#1a1a1a}.msg.ai .msg-bubble{background:#eeedfe;border-bottom-left-radius:4px;color:#3c3489}.msg-time{color:#bbb;font-size:11px;margin-top:3px;padding:0 6px}.typing-indicator{align-items:center;display:flex;gap:5px;padding:12px 16px!important}.typing-indicator span{animation:bounce 1.2s infinite;background:#ccc;border-radius:50%;height:7px;width:7px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.input-area{align-items:center;background:#fff;border-top:1px solid #f0f0f0;display:flex;gap:10px;padding:12px 16px}.input-area input{border:1.5px solid #e8e8e8;border-radius:24px;color:#1a1a1a;flex:1 1;font-size:14px;outline:none;padding:11px 16px;transition:border-color .2s}.input-area input:focus{border-color:#1d9e75}.input-area button{background:#1d9e75;border:none;border-radius:24px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:11px 22px;transition:all .2s}.input-area button:hover:not(:disabled){background:#0f6e56}.input-area button:disabled{cursor:not-allowed;opacity:.5}.no-chat{background:#f8f9fa;flex:1 1;flex-direction:column;gap:14px}.no-chat,.no-chat-logo{align-items:center;display:flex;justify-content:center}.no-chat-logo{background:#1d9e75;border-radius:24px;color:#fff;font-size:36px;font-weight:700;height:80px;width:80px}.no-chat h2{color:#1a1a1a;font-size:22px;font-weight:600}.no-chat p{color:#aaa;font-size:14px}.start-btn{background:#1d9e75;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:12px 28px;transition:all .2s}.start-btn:hover{background:#0f6e56;transform:translateY(-1px)}.sidebar-tabs{border-bottom:1px solid #f0f0f0;display:flex}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;flex:1 1;font-size:13px;padding:10px;transition:all .2s}.tab.active{border-bottom-color:#1d9e75;color:#1d9e75;font-weight:500}.tab:hover{background:#f8f8f8;color:#1d9e75}.search-panel{display:flex;flex:1 1;flex-direction:column}.search-panel>input{border:1px solid #e8e8e8;border-radius:10px;color:#1a1a1a;font-size:13px;margin:10px 12px;outline:none;padding:9px 12px}.search-panel>input:focus{border-color:#1d9e75}.search-results{flex:1 1;overflow-y:auto}.search-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .1s}.search-item:hover{background:#f0fdf9}.call-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.call-modal{background:#fff;border-radius:24px;box-shadow:0 8px 40px #0003;padding:40px 32px;text-align:center;width:320px}.call-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:600;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.call-name{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:8px}.call-subtitle{color:#aaa;font-size:14px;margin-bottom:32px}.call-active-status{color:#1d9e75!important;font-weight:500}.call-actions{display:flex;gap:16px;justify-content:center}.call-btn{border:none;border-radius:50px;cursor:pointer;font-size:15px;font-weight:500;padding:14px 24px;transition:all .2s}.call-btn.accept{background:#1d9e75;color:#fff}.call-btn.accept:hover{background:#0f6e56}.call-btn.decline{background:#e24b4a;color:#fff}.call-btn.decline:hover{background:#a32d2d}.app{position:relative}.call-btn.unmute{background:#185fa5;color:#fff}.call-btn.unmute:hover{background:#0c447c}.call-modal-video{padding:16px!important;width:480px!important}.video-container{background:#000;border-radius:12px;height:280px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.remote-video{height:100%;object-fit:cover;width:100%}.local-video{border:2px solid #fff;border-radius:8px;bottom:10px;height:90px;object-fit:cover;position:absolute;right:10px;width:120px}