:root{color:#17211f;background:#f6f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.appShell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#10201d;color:#eff7f4;padding:26px 24px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.brandMark{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#2dd4bf;color:#10201d;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#a7c6bd;font-size:13px}.nav{display:grid;gap:8px}.navItem{align-items:center;background:transparent;border:0;border-radius:8px;color:#c7ddd8;cursor:pointer;display:flex;gap:10px;min-height:46px;padding:10px 12px;text-align:left}.navItem.active,.navItem:hover{background:#1c3732;color:#fff}.navGroup{border-top:1px solid #24443e;display:grid;gap:6px;margin-top:10px;padding-top:12px}.navGroupTitle{align-items:center;color:#7fb2a8;display:flex;font-size:13px;font-weight:800;gap:8px;padding:8px 12px;text-transform:uppercase}.navBadge{align-items:center;background:#2dd4bf;border-radius:999px;color:#06201b;display:inline-flex;font-size:12px;font-weight:900;height:22px;justify-content:center;margin-left:auto;min-width:22px;padding:0 7px}.navSubItem{align-items:center;background:transparent;border:0;border-radius:8px;color:#c7ddd8;cursor:pointer;display:flex;gap:10px;min-height:40px;padding:8px 12px 8px 28px;text-align:left}.navSubItem.active,.navSubItem:hover{background:#1c3732;color:#fff}.content{padding:30px 34px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.eyebrow{color:#0f766e;font-size:13px;font-weight:800;margin:0 0 7px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:34px;line-height:1.15;margin-bottom:0}h2{font-size:20px;margin-bottom:10px}.status{background:#dff7ef;border:1px solid #8ee0cb;border-radius:999px;color:#0f5f57;font-size:13px;font-weight:800;padding:9px 14px;white-space:nowrap}.pageStack{display:grid;gap:20px}.welcomeBand,.introCard,.panel,.statCard,.actionCard,.emptyState{background:#fff;border:1px solid #dce5e1;border-radius:8px}.welcomeBand{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:26px 28px}.welcomeBand h2{font-size:26px;max-width:820px}.welcomeBand p,.introCard p,.panel p,.statCard p,.actionCard p,.emptyState p{color:#3c4d49;line-height:1.55;margin-bottom:0}.primaryButton,.secondaryButton,.actionCard button{border:0;border-radius:8px;cursor:pointer;font-weight:800;min-height:42px;padding:10px 14px}.primaryButton{background:#0f766e;color:#fff}.secondaryButton,.actionCard button{background:#e8f4f0;color:#0f5f57;margin-right:10px}.statsGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.statCard{padding:18px}.statCard span{color:#52635f;display:block;font-size:14px;margin-bottom:8px}.statCard strong{display:block;font-size:34px;line-height:1;margin-bottom:10px}.dashboardChecklist{display:grid;gap:12px}.checkItem{align-items:center;background:#f7faf8;border:1px solid #dce5e1;border-radius:8px;display:flex;gap:12px;padding:12px}.checkItem span{align-items:center;background:#e8f4f0;border-radius:999px;color:#0f5f57;display:inline-flex;flex:0 0 auto;font-weight:900;height:30px;justify-content:center;width:30px}.checkItem p{margin:0}.checkItem.isDone{border-color:#99e6d8}.checkItem.isDone span{background:#0f766e;color:#fff}.dashboardNote{color:#3c4d49;line-height:1.55;margin-top:0}.connectedChannels{border-top:1px solid #dce5e1;margin-top:18px;padding-top:18px}.connectedChannels h3{font-size:18px;margin-bottom:12px}.connectedChannelList{display:grid;gap:10px}.connectedChannelItem{background:#f7faf8;border:1px solid #dce5e1;border-radius:8px;display:grid;gap:4px;padding:12px}.connectedChannelItem span{color:#52635f;font-size:13px;font-weight:800}.connectedChannelItem strong{color:#10201d}.twoColumn{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:22px}.stepList{display:grid;gap:12px}.stepItem{align-items:center;display:flex;gap:12px}.stepItem span{background:#0f766e;border-radius:999px;color:#fff;display:grid;flex:0 0 auto;font-weight:800;height:30px;place-items:center;width:30px}.stepItem p{margin:0}.cleanList{color:#3c4d49;line-height:1.75;margin:0;padding-left:20px}.introCard{align-items:flex-start;display:flex;gap:16px;padding:22px}.introCard svg,.emptyState svg{color:#0f766e;flex:0 0 auto}.cardGrid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.actionCard{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:20px}.actionCard h2{font-size:18px;margin-bottom:6px}.personRow{align-items:center;background:#f3f8f6;border-radius:8px;display:flex;gap:12px;padding:14px}.personRow svg{color:#0f766e}.personRow strong,.personRow span{display:block}.personRow span{color:#52635f;font-size:14px;margin-top:3px}.emptyState{display:grid;justify-items:start;max-width:760px;padding:34px}.emptyState h2{font-size:26px;margin-top:14px}.emptyState p{margin-bottom:20px}@media(max-width:1040px){.appShell{grid-template-columns:1fr}.sidebar{padding:18px}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.statsGrid,.twoColumn,.cardGrid{grid-template-columns:1fr}.welcomeBand,.actionCard{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.content{padding:20px}.topbar{align-items:flex-start;flex-direction:column}h1{font-size:28px}.nav{grid-template-columns:1fr 1fr}}.setupGrid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.setupOption{align-items:flex-start;background:#fff;border:1px solid #dce5e1;border-radius:8px;color:#17211f;cursor:pointer;display:grid;gap:8px;min-height:138px;padding:18px;text-align:left}.setupOption svg{color:#0f766e}.setupOption span{font-size:17px;font-weight:800}.setupOption small{color:#52635f;font-size:13px;line-height:1.35}.setupOption.active,.setupOption:hover{border-color:#0f766e;box-shadow:0 0 0 3px #dff7ef}.setupDetail{background:#fff;border:1px solid #dce5e1;border-radius:8px;display:grid;gap:20px;padding:24px}.setupDetail p{color:#3c4d49;line-height:1.6;margin-bottom:0}.setupActions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:1040px){.setupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.setupGrid{grid-template-columns:1fr}}.connectionChoice{display:grid;gap:14px;align-content:start}.connectionChoice .primaryButton,.connectionChoice .secondaryButton{justify-self:start;margin-top:4px}.facebookSetupGrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.facebookSetupGrid{grid-template-columns:1fr}}.readyFormLayout{display:grid;gap:20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.demoLeadForm{display:grid;gap:14px;margin-top:18px}.demoLeadForm label{color:#263b36;display:grid;font-size:14px;font-weight:800;gap:7px}.demoLeadForm input,.demoLeadForm select,.demoLeadForm textarea,.embedCode{border:1px solid #cfdcd7;border-radius:8px;color:#17211f;font:inherit;padding:11px 12px;width:100%}.demoLeadForm textarea{min-height:92px;resize:vertical}.checkboxLine{align-items:center;display:flex!important;font-weight:600!important;gap:10px!important}.checkboxLine input{width:auto}.embedCode{background:#10201d;color:#e9fff9;line-height:1.55;margin-top:16px;min-height:170px;resize:vertical}.fieldMap{margin-top:18px}.fieldMap h3{font-size:16px;margin:0 0 10px}@media(max-width:1040px){.readyFormLayout{grid-template-columns:1fr}}.leadToolbar{align-items:center;display:flex;gap:18px;justify-content:space-between}.toolbarActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.leadDesk{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}.leadListPanel,.leadWorkPanel{max-height:calc(100vh - 210px);overflow:auto}.compactLeadForm{grid-template-columns:repeat(4,minmax(0,1fr))}.compactLeadForm .wideField{grid-column:1 / -1}.leadForm{display:grid;gap:14px;margin-top:18px}.leadForm label{color:#263b36;display:grid;font-size:14px;font-weight:800;gap:7px}.leadForm input,.leadForm textarea{border:1px solid #cfdcd7;border-radius:8px;color:#17211f;font:inherit;padding:11px 12px;width:100%}.leadForm textarea{min-height:110px;resize:vertical}.panelHeader{align-items:start;display:flex;gap:16px;justify-content:space-between}.mutedText{color:#52635f}.errorBanner{background:#fff0f0;border:1px solid #f0b8b8;border-radius:8px;color:#9f1d1d;font-weight:700;padding:14px 16px}.successBanner{background:#e8f7f2;border:1px solid #99e6d8;border-radius:8px;color:#0f5f57;font-weight:700;padding:14px 16px}.emptyInline{background:#f3f8f6;border-radius:8px;display:grid;gap:4px;padding:16px}.emptyInline span{color:#52635f}.leadList{display:grid;gap:12px;margin-top:16px}.leadItem,.leadListButton{border:1px solid #dce5e1;border-radius:8px;display:grid;gap:10px;padding:16px}.leadListButton{background:#fff;color:inherit;cursor:pointer;text-align:left;width:100%}.leadListButton:hover,.leadListButton.selected,.leadItem.selected{border-color:#2dd4bf;box-shadow:0 0 0 2px #2dd4bf29}.leadTitleRow{align-items:center;display:flex;gap:10px;justify-content:space-between}.leadItem p{color:#263b36;font-weight:700;margin-bottom:6px}.leadItem small,.leadMessage{color:#52635f;display:block;line-height:1.45}.leadMessage{margin-top:8px}.statusPill{border-radius:999px;font-size:12px;font-weight:800;padding:5px 9px;white-space:nowrap}.status-new{background:#e6f4ff;color:#075985}.status-assigned,.status-in_progress{background:#fff7df;color:#8a5a00}.status-completed{background:#dff7ef;color:#0f5f57}.status-rejected{background:#f2eeee;color:#7f1d1d}.leadActions{display:flex;flex-wrap:wrap;gap:8px}.leadActions button{background:#e8f4f0;border:0;border-radius:8px;color:#0f5f57;cursor:pointer;font-weight:800;min-height:36px;padding:8px 10px}.leadDetailStack{display:grid;gap:18px;margin-top:18px}.historyBox{background:#fff;border:1px solid #dce5e1;border-radius:8px;padding:16px}.historyHeader{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.historyHeader h3{font-size:18px;margin:0}.historyHeader button{background:#e8f4f0;border:0;border-radius:8px;color:#0f5f57;cursor:pointer;font-weight:800;min-height:34px;padding:7px 10px}.historyList{display:grid;gap:10px}.historyItem{border-left:3px solid #2dd4bf;display:grid;gap:4px;padding:4px 0 4px 12px}.historyItem span{color:#52635f;font-size:12px;font-weight:800}.historyItem strong{color:#10201d}.historyItem p{color:#3c4d49;line-height:1.45;margin:0}.leadDetailGrid{display:grid;gap:18px;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);margin-top:18px}.leadDetailBox,.replyBox{background:#f7faf8;border:1px solid #dce5e1;border-radius:8px;padding:16px}.leadDetailBox h3,.replyBox h3{font-size:18px;margin-bottom:12px}.leadDetailBox p{color:#263b36;line-height:1.5;margin-bottom:8px}.replyHeader p{color:#52635f;line-height:1.45;margin-bottom:12px}.replyTextarea{border:1px solid #cfdcd7;border-radius:8px;color:#17211f;font:inherit;line-height:1.5;min-height:220px;padding:12px;resize:vertical;width:100%}@media(max-width:1040px){.leadDesk{grid-template-columns:1fr}.leadListPanel,.leadWorkPanel{max-height:none}.compactLeadForm{grid-template-columns:1fr}.leadToolbar{align-items:stretch;flex-direction:column}.toolbarActions{justify-content:flex-start}}.authShell{align-items:center;background:#f4f7f5;display:grid;min-height:100vh;padding:24px}.authPanel{background:#fff;border:1px solid #dce5e1;border-radius:8px;display:grid;gap:18px;margin:0 auto;max-width:520px;padding:26px;width:100%}.authBrand{margin-bottom:0}.authTabs{background:#e8f4f0;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:4px}.authTabs button,.demoAccounts button,.topbarAccount button{border:0;border-radius:8px;cursor:pointer;font-weight:800;min-height:38px;padding:8px 10px}.authTabs button{background:transparent;color:#0f5f57}.authTabs button.active{background:#fff;color:#10201d}.demoAccounts{display:flex;flex-wrap:wrap;gap:10px}.demoAccounts button,.topbarAccount button{background:#e8f4f0;color:#0f5f57}.settingsForm{display:grid;gap:14px}.settingsForm label{color:#263b36;display:grid;font-size:14px;font-weight:800;gap:7px}.settingsForm input,.settingsForm select{border:1px solid #cfdcd7;border-radius:8px;color:#17211f;font:inherit;min-height:42px;padding:10px 12px;width:100%}.topbarAccount{align-items:center;display:flex;gap:12px}.topbarAccount span{color:#263b36;font-weight:800}.dangerButton{align-items:center;background:#fff1f2;border:0;border-radius:8px;color:#9f1239;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 12px}.dangerButton:hover{background:#ffe4e6}.statusNote{background:#ecfdf5;border:1px solid #99f6e4;border-radius:8px;color:#065f46;font-weight:700;padding:12px 14px}.analyticsRows{display:grid;gap:12px}.analyticsRow{align-items:center;background:#f7faf8;border:1px solid #dce5e1;border-radius:8px;display:flex;gap:14px;justify-content:space-between;padding:14px}.analyticsRow strong,.analyticsRow span{display:block}.analyticsRow span{color:#52635f;font-size:14px;margin-top:3px}.analyticsRow b{color:#0f766e;font-size:24px}.analyticsSummary{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.analyticsSummary div{background:#f7faf8;border:1px solid #dce5e1;border-radius:8px;padding:14px}.analyticsSummary span{color:#52635f;display:block;font-size:14px;margin-bottom:6px}.analyticsSummary strong{color:#0f766e;display:block;font-size:30px}