:root{color:#0b1736;background:#f3f6f9;font-family:Mulish,Inter,Segoe UI,Arial,sans-serif;font-size:13px;--brand: #155dfc;--brand-dark: #131b63;--line: #d8e0ea;--panel: #ffffff;--soft: #f4f6f9;--text-muted: #667085;--blue-text: #004a9f;--bar: #3aa0df}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}@font-face{font-family:Mulish;src:url(https://app-in21.leadsquared.com/fonts/mulish/1Ptvg83HX_SGhgqk3wotYKNnBQ.woff2) format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}.auth-screen{min-height:100vh;display:grid;place-items:center;background:#f3f6f9;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;box-shadow:0 8px 28px #0f172a14;display:grid;gap:12px;justify-items:start}.auth-card img{height:32px;width:auto}.auth-card h1{color:#0b1736}.auth-card p{color:#475467;line-height:1.5}.google-login{height:38px;padding:0 14px;border-radius:5px;background:#155dfc;color:#fff;display:inline-flex;align-items:center;text-decoration:none;font-weight:650}.app-shell{display:grid;grid-template-columns:48px 1fr;grid-template-rows:44px 1fr;height:100vh;background:#f3f6f9}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;background:#fff;border-bottom:1px solid var(--line)}.brand-logo{height:24px;width:auto;display:block}.topbar-title{display:flex;flex-direction:column;line-height:1.05}.topbar-title strong{font-size:14px}.topbar-title span{font-size:11px;color:var(--text-muted)}.sync-pill{margin-left:auto;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid #dbe5ff;border-radius:4px;color:#1746e0;background:#f5f8ff;white-space:nowrap}.user-chip{display:inline-flex;align-items:center;gap:7px;height:30px;max-width:220px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:0 9px;color:#344054}.user-chip img{width:20px;height:20px;border-radius:50%}.user-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{height:30px;border:1px solid #f1c0c0;background:#fff5f5;color:#b42318;border-radius:4px;padding:0 10px;font-weight:650}.logout-button:hover{background:#fee4e2}.secondary-action{height:34px;border:1px solid #cfd8e3;background:#fff;color:#1d4ed8;border-radius:5px;padding:0 12px;font-weight:650}.secondary-action:disabled{opacity:.55;cursor:not-allowed}.icon{border:1px solid var(--line);background:#fff;height:30px;width:30px;border-radius:5px;display:grid;place-items:center}.mobile-menu{display:none}.side-nav{grid-row:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 5px;background:#fff;border-right:1px solid var(--line);z-index:20}.nav-mark{width:34px;height:34px;border-radius:6px;background:#f4f7ff;display:grid;place-items:center;margin-bottom:4px}.nav-mark img{width:24px;height:24px;object-fit:contain}.side-nav button{width:36px;height:36px;border:0;border-radius:5px;background:transparent;color:#31516f;display:grid;place-items:center}.side-nav button span{display:none}.side-nav button.active,.side-nav button:hover{background:#eaf1ff;color:#1746e0}.workspace{grid-column:2;grid-row:2;min-width:0;overflow:auto;padding:10px 12px 12px}.page{display:grid;gap:10px;min-width:0}.page-title{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px}.title-actions{display:flex;align-items:center;gap:8px}h1{margin:0;font-size:22px;font-weight:650;letter-spacing:0}h2,h3,h4,p{margin:0}.primary{border:0;background:#155dfc;color:#fff;border-radius:5px;height:34px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px 16px;min-height:74px}.metric span{display:block;color:#172033;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric strong{display:block;color:var(--blue-text);font-size:24px;font-weight:650;line-height:1.1}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:3px;padding:13px;min-width:0}.panel.no-pad{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head h2{font-size:15px;font-weight:550}.filter-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.filter-bar.compact{margin:24px 0 12px 86px}.search-box,.setup-search{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfd8e3;border-radius:5px;height:30px;padding:0 9px;background:#fff;min-width:180px}.setup-search{width:260px;margin-bottom:12px}.search-box input,.setup-search input{border:0;outline:0;min-width:0;width:100%}.filter-bar button,.filter-bar select,.table-footer button,.table-footer select,.segment-tabs button,.detail-tabs button{border:1px solid #d1dae7;background:#fff;border-radius:5px;height:30px;padding:0 10px;color:#0f172a;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.filter-bar select,.table-footer select{min-width:128px;outline:none}.filter-bar button:hover,.table-footer button:hover,.segment-tabs button:hover,.detail-tabs button:hover{background:#f6f9ff}.filter-bar button:disabled,.table-footer button:disabled{opacity:.45;cursor:not-allowed}.segment-tabs{display:flex;gap:0;border:1px solid var(--line);border-width:1px 0;background:#fff;overflow-x:auto}.segment-tabs button{border-radius:0;border-width:0 1px 0 0}.segment-tabs button.active,.detail-tabs button.active{background:#f5f9ff;color:#0449da;box-shadow:inset 0 -2px #3264ff}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#f4f6f9;color:#23324a;font-weight:550;text-align:left;position:sticky;top:0;z-index:1}th,td{border-bottom:1px solid #dfe6ef;padding:8px 10px;white-space:nowrap}td{background:#fff}tr.clickable-row:hover td{background:#f8fbff}tr.clickable-row{cursor:pointer}.mono,code{font-family:Consolas,SFMono-Regular,monospace;font-size:12px;color:#64748b}.lead-cell{color:#2563eb;display:flex;align-items:center;gap:7px}.stage-cell span{display:inline-flex;max-width:190px;overflow:hidden;text-overflow:ellipsis;background:#eef2f6;border-radius:4px;padding:2px 7px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#fff;color:#334155}.pager{display:inline-flex;align-items:center;gap:8px}.pager b{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:4px;background:#eef2f7}.action-icons{display:inline-flex;align-items:center;gap:9px;color:#274469}.json-pre{max-height:260px;overflow:auto;background:#f8fafc;border:1px solid #dfe6ef;border-radius:4px;padding:10px;color:#475467;font-size:12px}.bar-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:10px;margin:10px 0}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475467}.bar-row div{height:30px;position:relative;background:#f3f6f9;border-left:1px solid #d8e0ea}.bar-row i{position:absolute;inset:0 auto 0 0;background:var(--bar)}.bar-row b{position:relative;margin-left:8px;line-height:30px;font-weight:500}.lead-layout{display:grid;grid-template-columns:356px minmax(420px,1fr) 326px;gap:12px;min-height:calc(100vh - 64px)}.lead-profile,.lead-center,.notes-panel{background:#fff;border:1px solid var(--line);border-radius:3px;overflow:auto}.lead-profile{background:#f5f7fb}.profile-head{background:linear-gradient(#5578ea 0 108px,transparent 108px);padding:24px 20px 0}.avatar{width:42px;height:42px;border-radius:10px;background:#fff;color:#1d4ed8;display:grid;place-items:center;font-size:20px;font-weight:700;box-shadow:0 1px 4px #9ca3af}.profile-head h2{margin:8px 0 6px;font-size:18px}.profile-head span{display:inline-block;background:#ede9fe;color:#6d28d9;border-radius:3px;padding:3px 5px;font-size:12px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #e1e7f0;background:#fff;margin:18px;border-radius:8px;overflow:hidden}.quick-actions button{border:0;border-right:1px solid #e1e7f0;border-bottom:1px solid #e1e7f0;background:#fff;height:54px;color:#12356f}.quick-actions button:hover{background:#f4f8ff;color:#155dfc}.contact-card,.properties,.score-grid{margin:12px 18px}.contact-card,.properties{background:#fff;border-radius:8px;padding:16px 12px;line-height:2;color:#1746e0}.contact-card svg{vertical-align:-2px;margin-right:5px}.properties{color:#172033;line-height:1.4}.properties h3{margin-bottom:10px}.properties p{margin:8px 0;color:#17356c}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.score-grid .metric{min-height:54px;padding:10px}.score-grid .metric strong{font-size:18px;color:#172033}.detail-tabs{display:flex;background:#eef2f7;border-bottom:1px solid #d7dee8;padding:6px 14px;gap:4px;position:sticky;top:0;z-index:2;overflow-x:auto}.date-title{margin:0 0 14px 86px;font-size:14px}.timeline{margin-left:86px;margin-right:54px;border-left:1px solid #d5deea;padding-left:22px}.timeline-row{position:relative;margin:12px 0}.tick{position:absolute;left:-36px;top:10px;width:28px;height:28px;display:grid;place-items:center;color:#fff;background:#3264ff;border-radius:6px;box-shadow:0 1px 5px #d1d5db}.activity-card{display:flex;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e6ecf4;border-radius:7px;padding:13px 12px;box-shadow:0 2px 8px #0f172a0f}.activity-card strong{color:#075cff;display:block;margin-bottom:8px}.activity-card small{color:#64748b}.activity-card p{margin-top:8px}.activity-card span{color:#00a33d;background:#ecfdf3;border-radius:4px;height:22px;padding:3px 6px;white-space:nowrap}.activity-reference{margin:16px 54px 20px 86px;color:#64748b}.detail-tab-body,.lead-fields,.ai-panel{padding:18px}.lead-fields{display:grid;gap:18px}.detail-section h3{font-size:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}.detail-section div{display:grid;grid-template-columns:1fr 1fr}.detail-section p{padding:10px 8px;border-bottom:1px solid var(--line)}.detail-section span{display:block;color:#475467;font-size:12px;margin-bottom:5px}.detail-section strong{font-size:14px;font-weight:500}.ai-panel{display:grid;align-content:start;gap:10px;color:#344054;max-width:720px}.ai-panel svg{color:#155dfc}.notes-head{display:flex;justify-content:space-between;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.notes-head button{border:0;background:#f1f5ff;color:#1d4ed8;border-radius:7px;padding:7px 16px;display:inline-flex;align-items:center;gap:5px}.empty-notes{min-height:320px;display:grid;align-content:center;justify-items:center;text-align:center;color:#0f172a}.empty-notes p{margin-top:8px;color:#475467}.empty-inline{padding:18px;color:#64748b;background:#fff;border:1px solid #e6ecf4;border-radius:6px}.note-compose{padding:12px;border-bottom:1px solid var(--line)}.note-compose textarea{width:100%;min-height:90px;border:1px solid #d1dae7;border-radius:5px;padding:9px;resize:vertical;outline:none}.note-compose textarea:focus{border-color:#3264ff;box-shadow:0 0 0 2px #eaf1ff}.notes-list{display:grid;gap:8px;padding:12px}.notes-list p{background:#f8fafc;border:1px solid #dfe6ef;border-radius:5px;padding:9px;line-height:1.45}.source-pill{color:#1d4ed8;background:#eff6ff;border-radius:7px;padding:8px 12px;font-weight:650}.stage-grid,.workflow-grid,.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.stage,.field-chip,.node{background:#f8fafc;border:1px solid #dfe6ef;border-radius:5px;padding:9px}.stage span{color:#64748b;margin-right:8px}.form-list{display:grid;gap:12px}.form-section h4{color:#075cff;margin-bottom:8px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.field-chip code{display:block;margin-top:4px}.node{border-left:4px solid #86c6ff;margin-top:8px}.node.if_else,.node.multi_if_else{border-left-color:#35d66b}.node.wait,.node.wait_until_save{border-left-color:#ffd230}.node.notify,.node.nudge_users{border-left-color:#a78bfa}.node span{display:block;color:#64748b;font-size:12px;margin-top:4px}.muted{color:#64748b;margin-bottom:10px}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.log-list{display:grid;gap:7px;color:#475467}.log-list .error{color:#b42318}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill-list span{background:#ecfdf3;color:#067647;border:1px solid #abefc6;border-radius:999px;padding:5px 9px;font-weight:650}.pill-list.muted-pills span{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.floating-call{position:fixed;left:29px;bottom:20px;transform:translate(-50%);width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#173663;color:#fff;box-shadow:0 2px 10px #0f172a47;z-index:25}.modal-backdrop{position:fixed;inset:0;background:#0f172a61;display:grid;place-items:center;padding:18px;z-index:60}.modal{width:min(520px,100%);background:#fff;border-radius:6px;border:1px solid #d8e0ea;box-shadow:0 18px 55px #0f172a33}.modal-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #d8e0ea}.modal-head button{border:0;background:transparent;color:#475467;display:grid;place-items:center}.modal-body{padding:16px;line-height:1.5;color:#344054}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.lead-layout{grid-template-columns:1fr}.lead-layout{min-height:auto}.lead-profile,.lead-center,.notes-panel{max-height:none}}@media(max-width:760px){body{overflow:auto}.app-shell{display:block;height:auto;min-height:100vh}.topbar{position:sticky;top:0;z-index:30}.mobile-menu{display:grid}.brand-logo{height:24px}.topbar-title span{display:none}.sync-pill{max-width:160px;overflow:hidden;text-overflow:ellipsis}.user-chip{max-width:42px;padding:0 8px}.user-chip span{display:none}.logout-button{padding:0 8px}.side-nav{position:fixed;inset:44px auto 0 0;width:230px;align-items:stretch;transform:translate(-102%);transition:transform .18s ease;box-shadow:0 10px 30px #0f172a40}.side-nav.open{transform:translate(0)}.side-nav button{width:auto;grid-template-columns:20px 1fr;justify-content:start;padding:0 14px;gap:10px}.side-nav button span{display:inline;text-align:left}.nav-mark{margin-left:6px}.workspace{padding:10px;overflow:visible}.page-title{align-items:flex-start;flex-direction:column}h1{font-size:21px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{gap:10px}.filter-bar.compact,.date-title,.timeline,.activity-reference{margin-left:12px;margin-right:12px}.timeline{padding-left:20px}.detail-section div,.field-grid,.field-grid.three,.status-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr}.table-footer{align-items:flex-start;flex-direction:column}.filter-bar select{min-width:180px}.lead-layout{gap:10px}.notes-panel{min-height:280px}}@media(max-width:460px){.metric-grid{grid-template-columns:1fr}.topbar{gap:7px;padding:0 8px}.sync-pill{display:none}.quick-actions,.score-grid{grid-template-columns:1fr}.activity-card{flex-direction:column}.floating-call{left:24px;bottom:14px}}