@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary: #8620DE;--primary-light: #B967FF;--primary-dark: #5B119A;--sidebar: #5B119A;--sidebar-dark: #2B064A;--background: #F7F5FA;--surface: #FFFFFF;--surface-soft: #FBF8FF;--border: #E9DDF8;--border-strong: #D8BDF5;--text: #1E1B2E;--text-soft: #6B6780;--shadow: 0 8px 30px rgba(134, 32, 222, .08);--shadow-strong: 0 12px 40px rgba(134, 32, 222, .14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--background);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;letter-spacing:-.03em}button,input,textarea,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 330px minmax(0,1fr) 340px}.nav{background:linear-gradient(180deg,var(--sidebar),var(--sidebar-dark));color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:8px}.logo{display:flex;align-items:center;gap:12px;margin-bottom:22px}.logoMark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff24}.logo h1{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;letter-spacing:.02em;margin:0}.logo p{margin:2px 0 0;font-size:12px;opacity:.75}.navBtn{border:0;background:transparent;color:#ffffffc7;display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;cursor:pointer;text-align:left;transition:all .22s ease}.navBtn.active,.navBtn:hover{background:#ffffff26;color:#fff;transform:translate(2px)}.navFooter{margin-top:auto;padding:14px;background:#ffffff1f;border-radius:16px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 0 1px #ffffff1a}.navFooter span{font-size:12px;opacity:.75}.listPane{background:var(--surface-soft);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh}.paneHeader{display:flex;align-items:center;justify-content:space-between;padding:18px}.paneHeader h2{margin:0}.paneHeader button{border:0;background:#f3e8ff;color:var(--primary);border-radius:12px;padding:9px;cursor:pointer;transition:all .2s ease}.paneHeader button:hover{background:var(--primary);color:#fff}.searchBox{margin:0 14px 12px;display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px}.searchBox input{border:0;outline:0;background:transparent;width:100%;color:var(--text)}.contacts{overflow-y:auto;padding:0 10px 14px}.contact{width:100%;border:1px solid transparent;background:transparent;border-radius:16px;padding:12px;display:grid;grid-template-columns:42px 1fr 28px;gap:10px;text-align:left;cursor:pointer;align-items:center;transition:all .22s ease}.contact.active,.contact:hover{background:var(--surface);box-shadow:var(--shadow);border-color:#8620de1a}.avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.contact strong{display:block;font-size:14px}.contact p{margin:4px 0 0;color:var(--text-soft);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.contact small{background:#f3e8ff;color:var(--primary);border-radius:30px;display:grid;place-items:center;height:24px;min-width:24px;font-weight:700}.chatPane{display:flex;flex-direction:column;min-width:0;background:var(--background)}.chatHeader{height:82px;background:var(--surface);border-bottom:1px solid var(--border);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.chatHeader h2{margin:0;font-size:20px}.chatHeader p{margin:4px 0 0;color:var(--text-soft);font-size:13px}.chatHeader select{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;padding:10px;outline:none}.messages{flex:1;overflow-y:auto;padding:24px;background:radial-gradient(circle at top left,rgba(185,103,255,.12),transparent 32%),var(--background)}.bubble{max-width:70%;margin-bottom:12px;padding:12px 14px;border-radius:18px;box-shadow:var(--shadow)}.bubble p{margin:0 0 8px;white-space:pre-wrap;line-height:1.45}.bubble small{font-size:10px;color:var(--text-soft)}.bubble.inbound{background:var(--surface);border-bottom-left-radius:6px}.bubble.outbound{background:#f3e8ff;border-bottom-right-radius:6px;margin-left:auto}.composer{padding:16px;background:var(--surface);border-top:1px solid var(--border);display:flex;gap:12px}.composer textarea{flex:1;min-height:54px;max-height:140px;resize:vertical;border:1px solid var(--border-strong);border-radius:16px;padding:12px;outline:none;color:var(--text)}.composer textarea:focus,.noteBox:focus,.searchBox:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px #b967ff29}.composer button,.fullBtn{border:0;background:var(--primary);color:#fff;border-radius:16px;padding:0 20px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:800;cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-strong)}.composer button:hover,.fullBtn:hover{transform:translateY(-1px);opacity:.96}.rightPane{background:var(--surface-soft);border-left:1px solid var(--border);padding:18px;overflow-y:auto}.card,.panel,.stat,.stageCard,.templateCard,.leadCard{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.card{padding:18px;margin-bottom:16px}.card h3{margin:0 0 12px}.card p{color:var(--text-soft);font-size:13px}.noteBox{width:100%;min-height:80px;border:1px solid var(--border-strong);border-radius:14px;padding:10px;resize:vertical;outline:none}.fullBtn{width:100%;padding:12px;margin-top:10px}.note{padding:12px 0;border-top:1px solid var(--border)}.note p{margin:0 0 5px}.note small{color:var(--text-soft);font-size:11px}.page{grid-column:2 / 5;padding:28px;overflow-y:auto;min-height:100vh}.header h1{margin:0;font-size:30px}.header p{margin:8px 0 24px;color:var(--text-soft)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{padding:18px;display:flex;flex-direction:column;gap:8px}.stat svg{color:var(--primary)}.stat span{color:var(--text-soft);font-size:13px}.stat strong{font-size:28px}.panel{padding:20px;margin-bottom:16px}.stageGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stageCard{padding:18px}.stageCard span{display:block;color:var(--text-soft);text-transform:capitalize;font-size:13px}.stageCard strong{font-size:28px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:14px;overflow-x:auto}.column{background:#ffffff9e;border:1px dashed var(--border-strong);border-radius:20px;padding:14px;min-height:70vh}.column h3{margin:0 0 12px;text-transform:capitalize;font-size:15px}.leadCard{padding:14px;margin-bottom:10px}.leadCard p,.leadCard small{color:var(--text-soft);font-size:12px}.templateCard{padding:16px;margin-bottom:12px}.templateCard strong{display:block}.templateCard span{display:block;margin:5px 0;font-size:12px;color:var(--text-soft)}.templateCard p{margin:0}.row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border)}.row p{margin:4px 0 0;color:var(--text-soft);font-size:13px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.empty{height:100%;display:grid;place-items:center;color:var(--text-soft)}@media(max-width:1200px){.shell{grid-template-columns:220px 310px 1fr}.rightPane{display:none}.page{grid-column:2 / 4}.stats,.stageGrid,.grid2{grid-template-columns:repeat(2,1fr)}}.msgTicks{margin-left:6px;font-weight:800;color:var(--text-soft);letter-spacing:-2px}.msgTicks.read{color:#2997ff}.msgFailed{margin-left:6px;color:#dc2626;font-weight:700}.paneActions{display:flex;gap:8px;align-items:center}.paneActions button:first-child{padding:9px 12px;font-weight:800}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b2e73;display:grid;place-items:center;z-index:9999}.modal{width:420px;max-width:calc(100vw - 28px);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow-strong)}.modal h2{margin:0 0 6px}.modal p{margin:0 0 18px;color:var(--text-soft);font-size:13px}.modal label{display:block;margin:12px 0 6px;font-size:13px;font-weight:700}.modal input{width:100%;border:1px solid var(--border-strong);border-radius:14px;padding:11px 12px;outline:none}.modal input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #b967ff29}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.primaryBtn,.secondaryBtn{border:0;border-radius:14px;padding:11px 16px;cursor:pointer;font-weight:800}.primaryBtn{background:var(--primary);color:#fff}.secondaryBtn{background:#f3e8ff;color:var(--primary)}.modal select{width:100%;border:1px solid var(--border-strong);border-radius:14px;padding:11px 12px;outline:none;background:#fff;font:inherit}.modal select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #b967ff29}.profileCard{display:flex;flex-direction:column;gap:16px}.profileTop{display:flex;align-items:center;gap:14px}.profileAvatar{width:56px;height:56px;border-radius:50%;background:#1f2937;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.profileMeta{display:flex;gap:8px;flex-wrap:wrap}.metaBadge{padding:6px 10px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:600}.metaBadge.stage{background:#dcfce7}.detailGroup{display:flex;flex-direction:column;gap:4px}.detailGroup label{font-size:12px;font-weight:700;color:#6b7280}.detailGroup p{margin:0}.profileActions{display:flex;gap:10px}.inboxTabs{display:flex;gap:8px;margin-bottom:12px}.inboxTabs button{border:none;background:#f3f4f6;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600}.inboxTabs .activeTab{background:#7c3aed;color:#fff}.mediaBlock{max-width:320px}.chatImage{display:block;max-width:280px;max-height:320px;width:auto;height:auto;border-radius:14px;object-fit:contain;cursor:pointer}.bubble audio{max-width:280px}.docLink{display:inline-block;max-width:280px;word-break:break-word;font-weight:700}.chatVideo{display:block;max-width:280px;max-height:320px;border-radius:14px;background:#000}.unreadDivider{align-self:center;margin:14px 0;padding:6px 14px;border-radius:999px;background:#e8f5ee;color:#157347;font-size:12px;font-weight:600;box-shadow:0 1px 4px #00000014}.messages .unreadDivider{display:block;width:fit-content;max-width:220px;margin:16px auto 12px;padding:6px 14px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:700;line-height:1;text-align:center;box-shadow:0 1px 3px #6d28d926}.chatLoading{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;color:#ff4d4f;font-weight:600;font-size:14px}html,body,#root{height:100%;overflow:hidden}.shell,.nav,.listPane,.chatPane,.rightPane{height:100vh;min-height:0;overflow:hidden}.contacts,.messages{flex:1;min-height:0;overflow-y:auto}.rightPane{overflow-y:auto}.chatHeader,.composer{flex-shrink:0}.uploadError{margin-top:8px;color:#ff4d4f;font-size:13px;font-weight:500}.msgTemplateRequired{margin-left:8px;color:#ff4d4f;font-size:11px;font-weight:700}.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(124,58,237,.16),transparent 32%),linear-gradient(135deg,#f8f5ff,#fff);padding:24px}.loginCard{width:100%;max-width:420px;background:#fff;border:1px solid rgba(124,58,237,.16);border-radius:24px;padding:28px;box-shadow:0 24px 60px #26124d1f}.loginBrand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.loginBrand h1{margin:0;font-size:24px;color:#2d145f}.loginBrand p,.loginSubtext{margin:4px 0 0;color:#6b7280;font-size:14px}.loginCard h2{margin:0 0 8px;color:#1f2937}.loginCard label{display:block;margin-top:16px;margin-bottom:6px;font-size:13px;font-weight:700;color:#374151}.loginCard input{width:100%;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;font-size:15px;outline:none}.loginCard input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.loginCard button{width:100%;margin-top:20px;border:0;border-radius:14px;padding:12px 16px;background:#7c3aed;color:#fff;font-weight:800;cursor:pointer}.loginCard button:disabled{opacity:.7;cursor:not-allowed}.loginError{margin-top:12px;color:#ff4d4f;font-size:13px;font-weight:700}.logoutBtn{margin-top:10px;border:0;border-radius:10px;padding:8px 10px;background:#ffffff1f;color:#fff;cursor:pointer;font-weight:700}.aiScoreBadge{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;background:#8b5cf61a;color:#7c3aed;font-size:11px;font-weight:700;line-height:1.4}.searchSortRow{display:flex;gap:8px;align-items:center}.searchSortRow .searchBox{flex:1}.sortSelect{height:46px;max-width:112px;border-radius:14px;border:1px solid #eadcff;background:#fff;color:#26143f;font-weight:700;padding:0 8px}.searchSortRow{display:block!important}.searchSortRow .searchBox{width:100%!important;margin-bottom:8px}.sortSelect{width:100%!important}.aiScoreBadge.none{background:#6b72801a;color:#6b7280}.aiScoreBadge.cold{background:#6b728024;color:#4b5563}.aiScoreBadge.warm{background:#f59e0b29;color:#b45309}.aiScoreBadge.hot{background:#10b98129;color:#047857}.aiScoreBadge.warm{background:#fff3cd!important;color:#9a5b00!important}.aiScoreBadge.cold{background:#eef2f7!important;color:#475569!important}.aiScoreBadge.hot{background:#dcfce7!important;color:#166534!important}.aiScoreBadge.none{background:#f3f4f6!important;color:#6b7280!important}.taskNotice{margin:8px 0 10px;padding:8px 10px;border-radius:12px;background:#ecfdf5;color:#047857;font-size:13px;font-weight:700}.teamPage{overflow-y:auto}.teamGrid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.75fr);gap:18px;align-items:start;margin-bottom:18px}.teamPanel{background:#fff;border:1px solid #eadff5;border-radius:18px;padding:20px;box-shadow:0 8px 28px #4319700f}.teamInvitationsPanel{margin-bottom:24px}.teamPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.teamPanelHeader h3{margin:0 0 5px;color:#251b33}.teamPanelHeader p{margin:0;color:#746b80;font-size:13px;line-height:1.5}.teamInviteForm{display:grid;gap:9px}.teamInviteForm label{margin-top:5px;font-size:13px;font-weight:700;color:#433651}.teamInviteForm input,.teamInviteForm select,.teamActions select{width:100%;border:1px solid #ded5e8;border-radius:11px;background:#fff;padding:11px 12px;color:#251b33}.teamInviteForm input:focus,.teamInviteForm select:focus,.teamActions select:focus{outline:none;border-color:#8a38eb;box-shadow:0 0 0 3px #8a38eb1a}.teamSubmitBtn{width:100%;margin-top:8px}.teamSecurityNote{margin-top:14px;border-radius:11px;background:#f6f0fc;padding:11px 13px;color:#654e79;font-size:12px;line-height:1.5}.teamError{margin-bottom:16px;border:1px solid #f0b8bd;border-radius:12px;background:#fff3f4;padding:12px 14px;color:#a62c38;font-weight:600}.teamTableWrap{width:100%;overflow-x:auto}.teamTable{width:100%;min-width:780px;border-collapse:collapse}.teamTable th{border-bottom:1px solid #ece5f3;padding:11px 10px;text-align:left;color:#776d80;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.teamTable td{border-bottom:1px solid #f1ebf5;padding:13px 10px;vertical-align:middle;color:#43394d;font-size:13px}.teamTable tr:last-child td{border-bottom:0}.teamPerson{display:flex;align-items:center;gap:10px}.teamPerson>div:last-child{min-width:0}.teamPerson strong,.teamPerson span{display:block}.teamPerson strong{color:#2a2033}.teamPerson span{margin-top:3px;color:#7c7186;font-size:12px;overflow-wrap:anywhere}.teamAvatar{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#771ee8;color:#fff;font-weight:800}.teamAvatar.invitation{background:#ede1fb;color:#6a20c4}.teamBadge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.teamBadge.role-owner{background:#f2e5ff;color:#6b1bbb}.teamBadge.role-admin{background:#e8ecff;color:#354fc0}.teamBadge.role-agent{background:#edf7f0;color:#287345}.teamBadge.status-active,.teamBadge.invitation-accepted{background:#e5f7ea;color:#23713d}.teamBadge.status-suspended,.teamBadge.invitation-revoked{background:#ffe9eb;color:#a9323d}.teamBadge.invitation-pending{background:#fff1d8;color:#956000}.teamBadge.invitation-expired{background:#eeeeef;color:#66636b}.teamActions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.teamActions select{width:auto;min-width:125px;padding:8px 10px}.teamActions button{width:auto;padding:8px 11px;border-radius:9px;font-size:12px;font-weight:700}.dangerBtn{border:1px solid #efb7bd;background:#fff1f2;color:#a32632}.dangerBtn:hover{background:#ffe4e7}.teamProtected{color:#8b8292;font-size:12px;font-style:italic}.teamEmpty{padding:22px;text-align:center;color:#817788}.teamInviteModal{width:min(620px,calc(100vw - 32px))}.inviteUrlBox{width:100%;resize:vertical;border:1px solid #dcd2e7;border-radius:11px;background:#faf8fc;padding:12px;color:#43394d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.inviteUrlBox:focus{outline:none;border-color:#8a38eb;box-shadow:0 0 0 3px #8a38eb1a}.copyStatus{margin-top:10px;color:#2a7443;font-size:13px;font-weight:700}@media(max-width:1180px){.teamGrid{grid-template-columns:1fr}}.teamConfirmModal{width:min(500px,calc(100vw - 32px));text-align:center;padding:30px}.teamConfirmModal h2{margin:14px 0 8px;color:#251b33}.teamConfirmModal p{margin:0;color:#716779;line-height:1.65}.teamConfirmModal .modalActions{justify-content:center;margin-top:24px}.teamConfirmIcon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto;border-radius:18px;font-size:24px;font-weight:900}.teamConfirmIcon.primary{background:#eee1ff;color:#771ee8}.teamConfirmIcon.danger{background:#ffe7e9;color:#b72d3a}.dangerConfirmBtn{border:1px solid #c83340;border-radius:11px;background:#c83340;padding:11px 18px;color:#fff;font-weight:800}.dangerConfirmBtn:hover{background:#a9232f}.dangerConfirmBtn:disabled,.primaryBtn:disabled,.secondaryBtn:disabled{cursor:not-allowed;opacity:.6}.teamSuccessToast{position:fixed;top:22px;right:22px;z-index:3000;min-width:280px;max-width:420px;display:flex;flex-direction:column;gap:3px;border:1px solid #bde5c8;border-radius:14px;background:#f0fbf3;padding:13px 16px;color:#246b3b;box-shadow:0 14px 38px #26683c2e;animation:teamToastIn .22s ease-out}.teamSuccessToast strong{font-size:13px}.teamSuccessToast span{font-size:12px;line-height:1.45}@keyframes teamToastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.teamSuccessToast{top:12px;right:12px;left:12px;min-width:0}}.inboxRefreshIcon{display:block}.inboxRefreshIcon.spinning{animation:inboxRefreshSpin .75s linear infinite}@keyframes inboxRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contactLockNotice{display:flex;flex-direction:column;gap:4px;border-top:1px solid #ead9ff;border-bottom:1px solid #ead9ff;background:#faf6ff;padding:11px 16px;color:#5c367d}.contactLockNotice strong{font-size:13px}.contactLockNotice span{font-size:12px;line-height:1.45}.claimContactBtn{border-color:#7b2ce3;background:#7b2ce3;color:#fff}.claimContactBtn:hover:not(:disabled){background:#6820c7}.composer textarea:disabled,.noteBox:disabled,.profileCard input:disabled,.chatHeader select:disabled{cursor:not-allowed;opacity:.65;background:#f4f1f7}.composer button:disabled,.fullBtn:disabled,.primaryBtn:disabled{cursor:not-allowed;opacity:.55}