:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.appShell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#101828;flex-direction:column;gap:26px;padding:24px 18px;display:flex}.brandBlock,.topbar,.sectionHeader,.compactRow,.topActions,.toolbar,.usageRow,.cardActions{align-items:center;display:flex}.brandBlock{gap:12px}.brandMark{color:#fff;background:#0ea5a4;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brandName{font-weight:800}.brandSub,.clientBox span,.eyebrow,.sectionHeader p,.metricCard small,.compactRow small,.tableRow small{color:#667085;font-size:12px}.sidebar .brandSub,.sidebar .clientBox span,.sidebar .eyebrow{color:#98a2b3}.navList{gap:6px;display:grid}.navItem{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.navItem:hover,.navItem.active{color:#fff;background:#ffffff17}.clientBox{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;gap:4px;margin-top:auto;padding:14px;display:grid}.mainPanel{min-width:0;padding:26px}.topbar{justify-content:space-between;gap:20px;margin-bottom:24px}h1,h2{letter-spacing:0;margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-weight:800}.topActions,.toolbar,.cardActions{gap:10px}.primaryButton,.secondaryButton,.iconButton{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:700;display:inline-flex}.primaryButton{color:#fff;background:#0f766e;border-color:#0f766e;padding:0 15px}.secondaryButton{padding:0 14px}.iconButton{width:40px}.notice{color:#175cd3;background:#eff8ff;border:1px solid #b2ddff;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:14px}.contentGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.twoCol{grid-template-columns:repeat(2,minmax(0,1fr))}.metricCard,.panel,.widePanel,.tablePanel,.campaignCard{background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 1px 2px #1018280a}.metricCard{gap:8px;padding:16px;display:grid}.metricIcon{color:#047857;background:#ecfdf3;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.metricCard span{color:#475467;font-size:13px;font-weight:700}.metricCard strong{font-size:28px;line-height:1}.panel,.widePanel,.tablePanel,.campaignCard{padding:18px}.widePanel{grid-column:span 4}.panel{grid-column:span 2}.sectionHeader{justify-content:space-between;gap:16px;margin-bottom:16px}.usageRow{gap:14px}.usageHeadline{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.usageHeadline strong{color:#101828;font-size:24px}.usageHeadline span{color:#475467;font-size:13px;font-weight:700}.usageBar{background:#eef2f6;border-radius:999px;flex:1;height:12px;overflow:hidden}.usageBar span{border-radius:inherit;background:#0f766e;height:100%;display:block}.miniStats,.campaignMetrics,.billingRuleGrid,.pricingGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.miniStats span,.campaignMetrics span,.billingRuleGrid div,.pricePlan{color:#475467;border:1px solid #e4e7ec;border-radius:8px;padding:10px;font-size:13px}.billingRuleGrid div,.pricePlan{gap:5px;display:grid}.billingRuleGrid strong,.pricePlan strong{color:#101828}.pricePlan span{color:#475467;font-size:13px;font-weight:800}.pricePlan.selected{background:#f0fdfa;border-color:#0f766e}.fullSpan{grid-column:span 2}.finePrint{color:#667085;margin:12px 0 0;font-size:13px}.campaignMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}.campaignMetrics strong{color:#101828;font-size:22px;display:block}.stackList{gap:10px;display:grid}.compactRow{border:1px solid #eef2f6;border-radius:8px;justify-content:space-between;gap:14px;padding:12px}.compactRow div{gap:3px;min-width:0;display:grid}.compactRow small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.okIcon{color:#039855;flex:none}.mutedIcon{color:#98a2b3;flex:none}.tablePanel{overflow:hidden}.searchBox{background:#fff;border:1px solid #d0d5dd;border-radius:8px;align-items:center;gap:8px;min-width:250px;height:40px;padding:0 10px;display:flex}.searchBox input{border:0;outline:0;width:100%}.dataTable{border:1px solid #e4e7ec;border-radius:8px;overflow:auto}.tableHead,.tableRow{min-width:820px;display:grid}.leadsGrid{grid-template-columns:1.4fr 1fr .8fr .45fr 1.7fr}.callsGrid{grid-template-columns:.9fr .75fr .95fr .55fr .65fr 2.2fr}.tableHead{color:#475467;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}.tableHead span,.tableRow span{padding:12px 14px}.tableRow{border-top:1px solid #e4e7ec;align-items:center;font-size:14px}.tableRow span:first-child{gap:3px;display:grid}.badge{color:#344054;text-transform:capitalize;background:#f2f4f7;border-radius:999px;align-items:center;width:fit-content;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.active,.badge.qualified,.badge.hot,.badge.high,.badge.ended{color:#067647;background:#dcfae6}.badge.callback,.badge.paused,.badge.warm,.badge.medium{color:#b54708;background:#fef0c7}.badge.no-answer,.badge.not-qualified,.badge.cold,.badge.low{color:#b42318;background:#fee4e2}.badge.billable{color:#067647;background:#dcfae6}.badge.free,.badge.voicemail{color:#026aa2;background:#e0f2fe}.detailList{gap:12px;margin:0;display:grid}.detailList div{border-bottom:1px solid #eef2f6;grid-template-columns:130px minmax(0,1fr);gap:10px;padding-bottom:12px;display:grid}.detailList dt{color:#667085;font-size:13px}.detailList dd{margin:0;font-weight:700}@media (width<=980px){.appShell{grid-template-columns:1fr}.sidebar{z-index:2;padding:14px;position:sticky;top:0}.navList{display:flex;overflow-x:auto}.navItem{flex:none;width:auto}.clientBox{display:none}.mainPanel{padding:18px}.topbar,.sectionHeader,.usageHeadline{flex-direction:column;align-items:flex-start}.contentGrid,.twoCol{grid-template-columns:1fr}.widePanel,.panel{grid-column:auto}.miniStats,.campaignMetrics,.billingRuleGrid,.pricingGrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;width:100%}.searchBox{flex:220px;min-width:0}}