@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}