*{box-sizing:border-box}body{color:#111827;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}#root{min-height:100vh}.app-shell{max-width:1400px;margin:0 auto;padding:24px}.content-grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.left-column,.right-column{flex-direction:column;gap:24px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 8px 24px #0f172a0f}.header-card h1{margin:8px 0;font-size:32px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#6b7280;margin:0;font-size:12px}.subtext{color:#6b7280;margin:0}.controls-card{flex-wrap:wrap;gap:12px;display:flex}.primary-btn,.secondary-btn,.danger-btn{cursor:pointer;border:none;border-radius:14px;padding:12px 18px;font-size:14px}.primary-btn{color:#fff;background:#111827}.secondary-btn{color:#111827;background:#e5e7eb}.danger-btn{color:#fff;background:#ef4444}.status-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.small-card h3{margin:8px 0 0}.metric-label{color:#6b7280;margin:0;font-size:13px}.transcript-card{min-height:420px}.section-head h2{margin-top:0}.transcript-list{flex-direction:column;gap:14px;max-height:500px;display:flex;overflow-y:auto}.transcript-item{border-radius:16px;padding:14px}.transcript-item.agent{background:#f3f4f6}.transcript-item.lead{background:#ecfdf5}.transcript-meta{color:#6b7280;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.score-box{margin:12px 0;font-size:48px;font-weight:700}.summary-text{color:#374151;line-height:1.6}.step-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.step-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px}@media (width<=960px){.content-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}button:disabled{opacity:.6;cursor:not-allowed}.empty-transcript{color:#6b7280;background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;padding:16px}.transcript-item.system{background:#eff6ff}.mode-switch{gap:12px;margin-top:12px;display:flex}.upload-label{margin-bottom:8px;font-weight:600;display:block}.lead-table-wrap{overflow-x:auto}.lead-table{border-collapse:collapse;width:100%;margin-top:12px}.lead-table th,.lead-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px;font-size:14px}.lead-table tbody tr{cursor:pointer}.lead-table tbody tr:hover{background:#f9fafb}.selected-row{background:#eff6ff}}.course-chip-wrap{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.course-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.lead-detail-list p{color:#374151;margin:8px 0}.manual-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.manual-form input,.manual-form select{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:12px;font-size:14px}@media (width<=720px){.manual-form{grid-template-columns:1fr}}.app-nav{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-wrap:wrap;gap:10px;margin-top:18px;padding:10px;display:flex;box-shadow:0 8px 24px #0f172a0a}.nav-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;padding:11px 16px;font-weight:700}.nav-btn.active{color:#fff;background:#111827}.hero-crm-card{background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 34%),#fff;margin-top:24px}.crm-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.crm-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;box-shadow:0 8px 24px #0f172a0f}.crm-metric-card span{color:#6b7280;font-size:13px;font-weight:700}.crm-metric-card h2{margin:8px 0;font-size:36px}.crm-metric-card p{color:#6b7280;margin:0;font-size:13px}.two-card-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.crm-header-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.big-count{color:#111827;font-size:42px;font-weight:800}.empty-crm-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;margin-top:14px;padding:18px}.lead-table.enhanced{border-spacing:0;border-collapse:separate}.lead-table.enhanced th{color:#334155;background:#f8fafc;font-size:13px;font-weight:800}.lead-table.enhanced td{vertical-align:top}.muted-text{color:#64748b;font-size:12px}.status-pill{color:#047857;white-space:nowrap;background:#ecfdf5;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.warning{color:#c2410c;background:#fff7ed}.mini-call-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:8px 12px;font-weight:800}.followup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.followup-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 8px 18px #0f172a0d}.followup-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.followup-top h3{margin:0}.followup-top p{color:#64748b;margin:5px 0 0}.followup-details{color:#374151;margin-top:14px}.followup-details p{margin:8px 0}.followup-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (width<=960px){.crm-overview-grid,.two-card-grid,.followup-grid{grid-template-columns:1fr}}.software-shell{background:#f4f7fb;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.software-main{max-width:100%;padding:24px;overflow-x:hidden}.sidebar{color:#fff;background:#0f172a;align-self:start;min-height:100vh;padding:22px;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding-bottom:22px;display:flex}.brand-mark{background:linear-gradient(135deg,#60a5fa,#22c55e);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.sidebar-brand h2{margin:0;font-size:18px}.sidebar-brand p{color:#94a3b8;margin:3px 0 0;font-size:12px}.sidebar-nav{flex-direction:column;gap:10px;margin-top:24px;display:flex}.side-nav-btn{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;font-weight:800;display:flex}.side-nav-btn:hover,.side-nav-btn.active{color:#fff;background:#1e293b}.sidebar-footer{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;margin-top:40px;padding:16px}.sidebar-footer p{color:#94a3b8;margin:0;font-size:12px}.sidebar-footer h3{margin:6px 0 12px;font-size:16px}.online-dot{color:#86efac;font-size:12px;font-weight:800;display:inline-flex}.topbar h1{margin:4px 0 0;font-size:30px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800}.topbar-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:11px 14px;font-weight:800}.campaign-card{min-height:260px}.campaign-head{justify-content:space-between;gap:18px;display:flex}.mode-switch.advanced{margin-top:18px}.upload-zone{background:#eff6ff;border:1px dashed #93c5fd;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:18px;display:flex}.upload-zone h3{margin:0 0 4px}.upload-zone p{color:#64748b;margin:0;font-size:13px}.upload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border-radius:12px;padding:12px 14px;font-weight:800}.upload-btn input{display:none}.page-stack{flex-direction:column;gap:18px;display:flex}.section-title-row{background:#fff;border:1px solid #e5e7eb;border-radius:22px;justify-content:space-between;gap:18px;padding:22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.section-title-row h2{margin:0}.section-title-row p{color:#64748b;margin:6px 0 0}.followup-card.premium{background:radial-gradient(circle at 100% 0,#fb923c24,#0000 30%),#fff}.badge-row,.asset-badges{flex-wrap:wrap;gap:8px;display:flex}.info-badge{color:#334155;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.asset-badges span{color:#334155;background:#f1f5f9;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.crm-table-card{min-height:520px}@media (width<=1100px){.software-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav-wrap{display:block}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start}}@media (width<=760px){.software-main{padding:14px}.upload-zone,.campaign-head,.section-title-row{flex-direction:column;align-items:flex-start}}.software-main>.app-nav{display:none}html,body,#root{width:100%;min-height:100%}.hero-card h2,.panel h3{color:#0f172a;margin:10px 0}.hero-card p,.panel p,.stat-card p{color:#475569}.stack{gap:18px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.full-btn{width:100%;margin-top:16px}.muted{color:#64748b}.transcript-list,.followup-list,.mini-lead-list{gap:12px;display:grid}.transcript-item,.followup-card,.mini-lead-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.transcript-item span{color:#2563eb;margin-left:8px;font-size:12px;font-weight:700}.summary-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.step-list{padding-left:20px}.step-list li{color:#334155;margin:8px 0}.mini-details p{margin:8px 0}@media (width<=900px){.stat-grid,.grid.two{grid-template-columns:1fr}.followup-card,.mini-lead-row{flex-direction:column;align-items:flex-start}}.call-control-card p{margin-bottom:18px}.mode-switch{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.mode-switch button{color:#0f172a;cursor:pointer;background:#e5e7eb;border:0;border-radius:14px;padding:12px 16px;font-weight:700}.mode-switch button.active{color:#fff;background:#0f172a}.mode-switch button:disabled{opacity:.65;cursor:not-allowed}.call-status-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:16px 0;padding:14px}.call-actions{flex-wrap:wrap;gap:12px;display:flex}.small-stat{line-height:1.3;font-size:18px!important}.app-nav{gap:10px;padding-bottom:12px;display:flex;overflow-x:auto}.app-nav button{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:9px 14px;font-weight:700}.app-nav button.active{color:#fff;background:#0f172a;border-color:#0f172a}@media (width<=900px){.software-shell{display:block}.sidebar{display:none}.software-main{padding:16px}.topbar{display:block}.topbar h1{font-size:24px}.topbar-actions{margin-top:14px}.mobile-nav-wrap{display:block}}.software-shell{background:#f3f6fb;min-height:100vh;display:flex}.sidebar{color:#fff;box-sizing:border-box;background:#0f172a;width:290px;min-height:100vh;padding:28px 22px;position:sticky;top:0;left:0}.brand-block{border-bottom:1px solid #ffffff1f;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:24px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#38bdf8,#34d399);border-radius:16px;place-items:center;width:52px;height:52px;font-size:17px;font-weight:900;display:grid}.brand-block h2{color:#fff;margin:0;font-size:20px;line-height:1.1}.brand-block p{color:#cbd5e1;margin:5px 0 0;font-size:13px}.side-nav{gap:10px;display:grid}.side-nav button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;outline:0;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:800;transition:all .2s;display:flex}.side-nav button:hover{color:#fff;background:#ffffff14}.side-nav button.active{color:#fff;background:#1e293b;box-shadow:inset 4px 0 #38bdf8}.partner-card{background:#1e293b;border:1px solid #ffffff1f;border-radius:20px;margin-top:48px;padding:18px}.partner-card span{color:#94a3b8;margin-bottom:8px;font-size:13px;display:block}.partner-card strong{color:#fff;margin-bottom:12px;font-size:17px;display:block}.partner-card small{color:#86efac;font-weight:900}.software-main{flex:1;min-width:0;padding:28px}.topbar{background:#fff;border:1px solid #0f172a14;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding:24px 28px;display:flex;box-shadow:0 12px 35px #0f172a0f}.topbar h1{color:#0f172a;margin:6px 0 0;font-size:32px}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar-actions span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.topbar-actions button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:14px;padding:12px 16px;font-weight:900}.hero-card,.panel,.stat-card{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 12px 35px #0f172a0f}.hero-card{background:linear-gradient(120deg,#fff,#eef4ff);margin-bottom:22px;padding:28px}.chip-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip-row span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.stat-card{padding:22px}.stat-card span{color:#64748b;font-size:13px;font-weight:700;display:block}.stat-card strong{color:#0f172a;margin:10px 0;font-size:36px;display:block}.panel{margin-bottom:22px;padding:24px}.grid.two{grid-template-columns:1fr 1fr;gap:22px;display:grid}.table-wrap{width:100%;overflow-x:auto}.lead-table{border-collapse:collapse;width:100%}.lead-table th,.lead-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 12px;font-size:14px}.lead-table th{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.selected-row{background:#eff6ff}.small-btn,.primary-btn{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.danger-btn{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.followup-card,.mini-lead-row,.transcript-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.followup-list,.mini-lead-list,.transcript-list{gap:12px;display:grid}.followup-card,.mini-lead-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.followup-card.active{background:#eff6ff;border-color:#93c5fd}.followup-card small{color:#2563eb;margin-top:6px;font-weight:700;display:block}.auto-badge{color:#166534;background:#dcfce7;border-radius:999px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.mobile-nav-wrap{display:none}@media (width<=900px){.software-shell{display:block}.sidebar{display:none}.software-main{padding:16px}.topbar{display:block}.topbar h1{font-size:24px}.topbar-actions{margin-top:14px}.mobile-nav-wrap{display:block}.stat-grid,.grid.two{grid-template-columns:1fr}.followup-card,.mini-lead-row{flex-direction:column;align-items:flex-start}}