*{box-sizing:border-box}body{color:#151829;background:#f7f8fc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{min-height:100vh;display:flex}aside{color:#fff;background:#101a36;width:230px;padding:28px 22px}.brand{margin-bottom:42px;font-size:22px;font-weight:800}nav{color:#cfd5e6;line-height:3}.content{flex:1;max-width:1400px;padding:42px}h1{font-size:30px}.cards{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;display:grid}.card,.panel{background:#fff;border:1px solid #e8eaf2;border-radius:14px;box-shadow:0 4px 18px #1c223e0d}.card{padding:20px}.card span{color:#73788b;font-size:13px;display:block}.card strong{margin-top:12px;font-size:30px;display:block}.panel{margin-top:24px;padding:20px}.panelHeader{color:#777;justify-content:space-between;align-items:center;display:flex}h2{color:#151829}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid #eceef5;padding:16px}th{color:#777;font-size:12px}@media (max-width:900px){aside{display:none}.content{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}}.demoShell{color:#172033;background:#f5f7fb;min-height:100vh;padding:42px}.demoHeader{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1180px;margin:0 auto 24px;display:flex}.demoHeader h1{margin:7px 0 8px;font-size:38px}.demoHeader p{color:#667085;margin:0}.eyebrow{letter-spacing:.12em;color:#5a55e7;font-size:12px;font-weight:800}.demoGrid{grid-template-columns:1fr 1.15fr 1fr;gap:18px;max-width:1180px;margin:0 auto;display:grid}.demoPanel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 34px #141d370f}.demoPanel h2{margin:0 0 16px;font-size:17px}.statusLine{background:#f8fafc;border-radius:12px;align-items:center;gap:9px;margin-bottom:16px;padding:12px;font-size:14px;display:flex}.dot{background:#98a2b3;border-radius:50%;width:9px;height:9px}.dot.consent{background:#f59e0b}.dot.text{background:#12b76a}.primaryButton,.secondaryButton,.composer button{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:750}.primaryButton,.composer button{color:#fff;background:#5a55e7}.secondaryButton{color:#344054;background:#fff;border:1px solid #d0d5dd}.ivrBox,.successBox,.alertBox{border-radius:12px;margin-bottom:14px;padding:14px;font-size:14px;line-height:1.5}.ivrBox{background:#f2f4ff;border:1px solid #dddfff}.successBox{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.phoneMock{background:#eef2f7;border:1px solid #d0d5dd;border-radius:24px;flex-direction:column;min-height:470px;display:flex;overflow:hidden}.phoneTop{text-align:center;background:#fff;border-bottom:1px solid #e4e7ec;padding:14px;font-weight:800}.messageList{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.bubble{border-radius:15px;max-width:83%;padding:11px 13px;font-size:13px;line-height:1.45}.bubble.assistant{background:#fff;align-self:flex-start}.bubble.customer{color:#fff;background:#5a55e7;align-self:flex-end}.emptyText,.emptyLead{color:#98a2b3;padding:24px 0;font-size:14px}.composer{background:#fff;border-top:1px solid #e4e7ec;gap:8px;padding:12px;display:flex}.composer input{border:1px solid #d0d5dd;border-radius:10px;flex:1;min-width:0;padding:10px}.composer button:disabled,.composer input:disabled{opacity:.5}.leadCard h3{margin:12px 0 20px;font-size:24px}.priorityPill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.priorityPill.urgent{color:#b42318;background:#fee4e2}.priorityPill.priority{color:#b54708;background:#fef0c7}.priorityPill.normal{color:#067647;background:#dcfae6}.leadCard dl{grid-template-columns:100px 1fr;gap:10px 8px;margin:0;display:grid}.leadCard dt{color:#667085}.leadCard dd{margin:0;font-weight:700}.alertBox{color:#c01048;background:#fff1f3;border:1px solid #fecdd6;margin-top:20px}.demoFooter{color:#fff;background:#172033;border-radius:14px;max-width:1180px;margin:18px auto 0;padding:17px 20px;font-size:14px}@media (max-width:900px){.demoGrid{grid-template-columns:1fr}.demoHeader{flex-direction:column}.demoShell{padding:24px}.demoHeader h1{font-size:30px}}