@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#111b21;-webkit-font-smoothing:antialiased;background:#f0f2f5;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px}#root{width:100vw;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:4px}.crm-app{background:#f0f2f5;width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e9edef;flex-direction:column;width:300px;min-width:300px;height:100%;transition:transform .25s;display:flex;overflow:hidden}.sidebar-header{background:#f0f2f5;border-bottom:1px solid #e9edef;flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex}.sidebar-header-avatar{color:#fff;background:#00a884;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.sidebar-header-info{flex:1;overflow:hidden}.sidebar-header-name{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sidebar-header-role{color:#667781;margin-top:1px;font-size:.75rem}.sidebar-section-title{color:#8696a0;text-transform:uppercase;letter-spacing:.08em;background:#fff;border-bottom:1px solid #f0f2f5;flex-shrink:0;padding:12px 16px 8px;font-size:.7rem;font-weight:700}.sidebar-list{flex:1;min-height:0;overflow-y:auto}.sidebar-item{cursor:pointer;border-bottom:1px solid #f0f2f5;align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:flex}.sidebar-item:hover{background:#f5f6f6}.sidebar-item.active{background:#f0f2f5}.sidebar-item-avatar{color:#54656f;background:#dfe5e7;border-radius:50%;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.sidebar-item-info{flex:1;overflow:hidden}.sidebar-item-name{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sidebar-item-sub{color:#667781;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.82rem;overflow:hidden}.chat-panel{background:#efeae2;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.chat-header{background:#f0f2f5;border-bottom:1px solid #e9edef;flex-shrink:0;align-items:center;gap:14px;height:60px;padding:0 20px;display:flex}.chat-header-back{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:4px;display:none}.chat-header-back:hover{background:#e9edef}.chat-header-avatar{color:#54656f;background:#dfe5e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.chat-header-name{color:#111b21;font-size:1rem;font-weight:600}.chat-header-phone{color:#667781;margin-top:1px;font-size:.78rem}.chat-header-info-btn{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:6px;display:none}.chat-header-info-btn:hover{background:#e9edef}.chat-messages{flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px 10%;display:flex;overflow-y:auto}.msg-row{width:100%;margin-bottom:2px;display:flex}.msg-row.right{justify-content:flex-end}.msg-row.left{justify-content:flex-start}.msg-bubble{word-break:break-word;border-radius:8px;max-width:70%;padding:8px 14px 10px;font-size:.92rem;line-height:1.45;box-shadow:0 1px 1px #00000012}.msg-bubble.user{color:#111b21;background:#dcf8c6;border-top-right-radius:2px}.msg-bubble.ai{color:#111b21;background:#fff;border-top-left-radius:2px}.chat-input-area{background:#f0f2f5;border-top:1px solid #e9edef;flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex}.chat-input-disabled{color:#8696a0;cursor:not-allowed;background:#fff;border:none;border-radius:24px;outline:none;flex:1;padding:10px 18px;font-family:inherit;font-size:.9rem}.lead-info{background:#f0f2f5;border-left:1px solid #e9edef;flex-direction:column;width:320px;min-width:320px;height:100%;display:flex;overflow:hidden}.lead-info-header{color:#111b21;background:#f0f2f5;border-bottom:1px solid #e9edef;flex-shrink:0;align-items:center;height:60px;padding:0 20px;font-size:.95rem;font-weight:700;display:flex}.lead-info-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.info-card{background:#fff;border:1px solid #e9edef;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #0000000a}.info-card-title{text-transform:uppercase;letter-spacing:.08em;color:#8696a0;border-bottom:1px solid #f0f2f5;margin-bottom:12px;padding-bottom:10px;font-size:.68rem;font-weight:700}.info-row{margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-label{text-transform:uppercase;color:#8696a0;letter-spacing:.05em;margin-bottom:2px;font-size:.68rem;font-weight:600}.info-value{color:#111b21;font-size:.92rem;font-weight:500}.score-grid{gap:12px;margin-bottom:12px;display:flex}.score-box{background:#f0f2f5;border-radius:8px;flex:1;padding:10px 14px}.score-box-label{text-transform:uppercase;color:#8696a0;letter-spacing:.06em;font-size:.65rem;font-weight:700}.score-box-value{color:#111b21;margin-top:4px;font-size:1.5rem;font-weight:800}.alert-badge{border-radius:8px;margin-bottom:8px;padding:8px 14px;font-size:.82rem;font-weight:600}.alert-green{color:#135200;background:#d9f7be}.alert-blue{color:#003a8c;background:#e0f0ff}.alert-red{color:#a8071a;text-align:center;background:#fff1f0;font-weight:700}.lead-avatar{color:#54656f;background:#dfe5e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;overflow:hidden}.lead-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.lead-avatar-lg{width:80px;height:80px;font-size:2rem}.lead-avatar-md{width:46px;height:46px;font-size:18px}.lead-avatar-sm{width:40px;height:40px;font-size:16px}.wa-action-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #25d36640}.wa-action-btn:hover{background:#20bd5a;box-shadow:0 4px 10px #25d36659}.wa-action-btn.handoff-active{background:#111b21;animation:2s infinite wa-pulse;box-shadow:0 4px 12px #111b214d}.wa-action-btn.handoff-active:hover{background:#000}@keyframes wa-pulse{0%{box-shadow:0 0 #111b2166}70%{box-shadow:0 0 0 8px #111b2100}to{box-shadow:0 0 #111b2100}}.lead-info-desktop-wrapper{height:100%;display:flex}.empty-chat{text-align:center;background:#f8f9fa;border-left:1px solid #e9edef;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-chat h2{color:#41525d;margin-top:20px;font-size:1.3rem;font-weight:600}.empty-chat p{color:#667781;max-width:360px;margin-top:8px;font-size:.9rem}.login-bg{background:#f0f2f5;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:360px;padding:40px 36px;box-shadow:0 4px 24px #00000014}.login-logo{color:#fff;background:#00a884;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 20px;display:flex}.login-title{text-align:center;color:#111b21;margin-bottom:4px;font-size:1.3rem;font-weight:700}.login-subtitle{text-align:center;color:#8696a0;margin-bottom:28px;font-size:.87rem}.login-label{color:#111b21;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.login-input{color:#111b21;border:1.5px solid #e9edef;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .15s}.login-input:focus{border-color:#00a884}.login-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s}.login-btn:hover{background:#008f6f}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-error{color:#a8071a;background:#fff1f0;border:1px solid #ffa39e;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.85rem;font-weight:500}.mobile-info-overlay{z-index:100;background:#0006;display:none;position:fixed;inset:0}.mobile-info-drawer{background:#f0f2f5;width:min(340px,92vw);height:100%;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 20px #00000026}.mobile-info-drawer-header{z-index:1;background:#f0f2f5;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.mobile-info-drawer-header h3{color:#111b21;font-size:1rem;font-weight:700}.mobile-info-drawer-close{cursor:pointer;color:#54656f;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.5rem;line-height:1}.mobile-info-drawer-close:hover{background:#e9edef}@media (width<=900px){.lead-info-desktop-wrapper{display:none}.chat-header-info-btn{display:flex}.sidebar{width:260px;min-width:260px}.chat-messages{padding:16px 5%}.msg-bubble{max-width:85%}}@media (width<=600px){.crm-app{position:relative}.sidebar{width:100%;min-width:unset;z-index:10;transition:transform .25s;position:absolute;inset:0;transform:translate(0)}.crm-app.lead-selected .sidebar{pointer-events:none;transform:translate(-100%)}.chat-panel{z-index:20;transition:transform .25s;position:absolute;inset:0;transform:translate(100%)}.crm-app.lead-selected .chat-panel{transform:translate(0)}.chat-header-back{display:flex}.chat-messages{padding:12px 3%}.msg-bubble{max-width:90%;font-size:.88rem}.mobile-info-overlay.open{align-items:stretch;display:flex}.crm-app:not(.lead-selected) .empty-chat{display:none}.sidebar-section-title{padding:10px 14px 6px;font-size:.65rem}.sidebar-item{padding:10px 14px}.score-box-value{font-size:1.2rem}}