@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#0b1220;--navy-2:#111a2c;--ink:#182033;--muted:#758097;--line:#e8ebf2;--paper:#f7f8fb;--white:#fff;--purple:#5e5ce6;--purple-soft:#efefff;--green:#1ba672;--green-soft:#e9f8f1;--orange:#ed8a3b;--orange-soft:#fff1e5;--blue:#3983d7;--blue-soft:#eaf3ff;--shadow:0 8px 24px rgba(25,37,64,.06);--radius:14px;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(94,92,230,.22);outline-offset:2px}h1,h2,p{margin:0}h1,h2{font-family:var(--display);letter-spacing:-.035em}.hidden{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--navy);color:#fff;display:flex;flex-direction:column;flex:none;padding:22px 15px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px}.brand-mark{width:34px;height:34px;background:var(--purple);border-radius:10px;display:grid;place-items:center;font:700 18px var(--display);box-shadow:0 6px 18px rgba(94,92,230,.35)}.brand strong{display:block;font:700 17px var(--display)}.brand span{display:block;color:#8893aa;font-size:11px;margin-top:2px}.workspace-select{display:flex;align-items:center;gap:10px;background:var(--navy-2);border:1px solid #202b42;padding:11px;border-radius:11px;margin:0 5px 26px}.workspace-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:#394152;font-size:10px;font-weight:700}.workspace-select strong,.workspace-select small{display:block}.workspace-select strong{font-size:12px}.workspace-select small{font-size:10px;color:#8793aa;margin-top:2px}.chevron{margin-left:auto;color:#77839a;font-size:16px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#64718a;padding:0 13px;margin:21px 0 8px}.nav-link{display:flex;align-items:center;gap:12px;width:100%;border:0;color:#9da8bb;background:transparent;text-align:left;padding:11px 13px;border-radius:9px;margin:2px 0;transition:.18s}.nav-link:hover{background:#151f33;color:#fff}.nav-link.active{background:var(--purple);color:#fff;box-shadow:0 7px 18px rgba(94,92,230,.25)}.nav-icon{font-size:18px;line-height:1;width:20px;text-align:center}.nav-count,.nav-live-count{margin-left:auto;font-size:10px;color:#8490a6;font-weight:500}.nav-live-count{color:#62d5a6}.sidebar-bottom{margin-top:auto}.user-card{display:flex;align-items:center;gap:9px;border-top:1px solid #202a3e;margin-top:15px;padding:17px 8px 0}.user-card strong,.user-card small{display:block}.user-card strong{font-size:12px}.user-card small{color:#7d89a0;font-size:10px;margin-top:2px}.more{margin-left:auto;color:#728097}.main-content{flex:1;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#9ca5b5;font-size:12px}.breadcrumbs b{color:#d0d5df;font-weight:400}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:transparent;color:#7c879a;font-size:18px;width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.icon-btn:hover{background:#f1f3f8;color:var(--ink)}.notification{position:relative}.notification i{position:absolute;width:5px;height:5px;background:#e46d5e;border:1px solid #fff;border-radius:50%;right:7px;top:6px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.top-avatar{width:30px;height:30px}.avatar-purple{background:#e4e4ff;color:#5452ca}.avatar-orange{background:#ffe7d4;color:#ae6126}.avatar-blue{background:#dcecff;color:#316db5}.avatar-green{background:#d9f5e9;color:#20845f}.page{max-width:1420px;margin:0 auto;padding:38px 4.2% 70px}.view{animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#9ba5b4;font-weight:700;margin-bottom:8px}.page-heading h1{font-size:32px;line-height:1.15}.subheading{color:var(--muted);margin-top:8px;font-size:14px}.wave{color:var(--purple);font-size:26px}.btn{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 15px;background:#fff;color:#59657a;font-weight:600;font-size:12px;white-space:nowrap;transition:.18s}.btn:hover{border-color:#c9cedb;box-shadow:0 4px 12px rgba(30,45,70,.08);transform:translateY(-1px)}.btn-primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn-primary:hover{background:#504ecb;border-color:#504ecb}.btn-secondary{background:#fff}.notice{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #dcefe6;border-radius:12px;background:#f5fcf8;margin-bottom:25px}.notice .status-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #dff6eb}.notice div{display:flex;flex-direction:column;gap:2px}.notice strong{font-size:12px}.notice span:not(.status-dot){font-size:11px;color:#6a887a}.notice .text-btn{margin-left:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:17px 18px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#7c8799;font-size:12px}.metric>strong{font:600 27px var(--display);display:block;margin:10px 0 5px}.metric-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px}.metric-icon.purple,.purple-bg{background:var(--purple-soft);color:var(--purple)}.metric-icon.green,.green-bg{background:var(--green-soft);color:var(--green)}.metric-icon.orange,.orange-bg{background:var(--orange-soft);color:var(--orange)}.metric-icon.blue,.blue-bg{background:var(--blue-soft);color:var(--blue)}.trend{font-size:11px;font-weight:700}.trend em{color:#9ca5b4;font-style:normal;font-weight:400;margin-left:4px}.trend.up{color:var(--green)}.trend.neutral{color:#a4aab5}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:31px}.card{padding:20px}.card-heading,.section-heading,.table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-heading h2,.section-heading h2,.table-header h2{font-size:16px}.card-heading p,.section-heading p,.table-header p{font-size:12px;color:#919aaa;margin-top:5px}.card-heading select{border:1px solid var(--line);border-radius:7px;padding:7px 9px;color:#647085;font-size:11px;background:#fff}.performance-card{min-height:308px}.chart{height:205px;display:flex;margin-top:22px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#acb3c0;font-size:10px;padding:0 11px 20px 0}.chart-area{flex:1;min-width:0;position:relative}.grid-lines{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e8ebf1}.chart svg{position:absolute;width:100%;height:170px;inset:0}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#acb3c0;font-size:10px}.chart-legend{display:flex;gap:20px;color:#778196;font-size:11px;margin-left:33px}.legend-dot,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.purple-dot{background:var(--purple)}.grey-dot{background:#bfc5d0}.green-dot{background:var(--green)}.light-dot{background:#e4e7ed}.donut-wrap{display:flex;align-items:center;gap:20px;margin:30px 0 27px}.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--green) 0 27%,var(--purple) 27% 64%,#bbc2ce 64% 86%,#e8ebf1 86%);display:grid;place-items:center;position:relative;flex:none}.donut:after{content:"";position:absolute;width:91px;height:91px;border-radius:50%;background:#fff}.donut span{position:relative;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font:600 22px var(--display)}.donut small{font-size:10px;color:#929baa}.outcome-list{display:flex;flex-direction:column;gap:11px;flex:1}.outcome-list span{color:#788398;font-size:11px}.outcome-list b{float:right;color:var(--ink)}.link-btn{border:0;background:none;color:var(--purple);font-size:12px;font-weight:700;padding:0}.section-heading{margin:0 0 14px}.attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:31px}.attention-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;align-items:center;gap:11px}.attention-icon,.playbook-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:16px}.attention-card div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.attention-card strong{font-size:12px}.attention-card span{font-size:10px;color:#8993a5;white-space:nowrap}.round-arrow{margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--purple);border-radius:50%;width:25px;height:25px}.activity-card{padding:2px 20px}.activity-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #f0f1f5}.activity-row:last-child{border:0}.activity-row>div:nth-child(2){flex:1}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:12px}.activity-row strong span{font-weight:400;color:#929aaa}.activity-row small{font-size:10px;color:#9aa3b1;margin-top:4px}.activity-tag,.status-badge,.live-pill,.ringing-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap}.tag-green,.enabled{color:#188359;background:var(--green-soft)}.tag-purple{color:#5c59ca;background:var(--purple-soft)}.tag-orange{color:#b76a2f;background:var(--orange-soft)}.tag-grey{color:#717b8d;background:#f0f2f5}.toolbar{display:flex;gap:10px;align-items:center;padding:11px;margin-bottom:16px}.search-field{height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:8px;flex:1;color:#a0a8b7}.search-field input{border:0;outline:0;min-width:0;width:100%;color:var(--ink)}.toolbar select,.settings-body select{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#6f7b8f;background:#fff}.toolbar select{width:180px}.table-card{padding:0;overflow:hidden}.table-header{padding:20px;border-bottom:1px solid var(--line);align-items:center}.table-actions{display:flex;gap:8px;align-items:center}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{text-align:left;background:#fbfcfd;color:#98a1b0;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700;padding:12px 20px;border-bottom:1px solid var(--line)}td{padding:14px 20px;border-bottom:1px solid #f0f2f5;color:#68758a;font-size:12px}tbody tr{transition:.15s}tbody tr:hover{background:#fbfbff}td strong{display:block;color:var(--ink);font-size:12px}td small{font-size:10px}.table-sub{color:#a1a9b6;margin-top:4px}.row-menu{border:0;background:none;color:#9ca5b4;font-weight:700}.checkbox{accent-color:var(--purple)}.lead-cell{display:flex;align-items:center;gap:10px}.call-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:19px}.tab{border:0;background:none;padding:10px 12px 13px;color:#929baa;font-size:12px;font-weight:600;border-bottom:2px solid transparent}.tab.active{color:var(--purple);border-color:var(--purple)}.tab b{background:var(--purple-soft);color:var(--purple);padding:2px 6px;border-radius:20px;margin-left:4px;font-size:9px}.live-banner{display:flex;align-items:center;gap:10px;background:#f1f0ff;border:1px solid #dedcff;color:#5452bd;border-radius:10px;padding:12px 15px;margin-bottom:17px}.live-banner strong{font-size:12px}.live-banner span:last-child{font-size:11px;color:#7774ca}.pulse{width:8px;height:8px;border-radius:50%;background:#6967eb;box-shadow:0 0 0 4px #dedcff}.live-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.call-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:var(--shadow)}.call-card.featured-call{border-color:#c9c8fa;box-shadow:0 9px 25px rgba(94,92,230,.11)}.call-card-head{display:flex;align-items:center;gap:10px}.call-card-head>div:nth-child(2){flex:1}.call-card-head strong,.call-card-head span{display:block}.call-card-head strong{font-size:13px}.call-card-head span{color:#98a1b0;font-size:10px;margin-top:3px}.live-pill{color:#b24b51;background:#fff0f0;font-size:9px}.ringing-pill{color:#b97621;background:#fff6e7;font-size:9px}.call-wave{height:54px;display:flex;align-items:center;gap:3px;margin:22px 0 16px;padding:0 5px}.call-wave i{width:4px;border-radius:5px;background:var(--purple);height:calc(12px + var(--h,10px));animation:wave 1.2s ease-in-out infinite alternate}.call-wave i:nth-child(2n){--h:22px;animation-delay:.15s}.call-wave i:nth-child(3n){--h:7px;animation-delay:.28s}.blue-wave i{background:var(--blue)}.muted-wave i{background:#cbd1dc;animation:none}.call-wave i:nth-child(4n){--h:17px}.call-wave i:nth-child(5n){--h:25px}@keyframes wave{to{transform:scaleY(.42)}}.call-quote{font-size:12px;line-height:1.55;min-height:39px;color:#526078}.call-quote.muted{color:#a2aab7}.call-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff1f5;margin-top:18px;padding-top:13px;color:#788499;font-size:10px}.agent-mini{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-style:normal;font-size:9px;font-weight:700;margin-right:4px}.agent-blue{background:var(--blue-soft);color:var(--blue)}.agent-green{background:var(--green-soft);color:var(--green)}.btn-takeover{height:30px;padding:0 10px;background:var(--ink);border-color:var(--ink);color:#fff;font-size:10px}.empty-state{background:#fff;border:1px dashed #dce1ea;border-radius:13px;padding:60px 20px;text-align:center}.empty-icon{font-size:26px;color:var(--purple);margin-bottom:12px}.empty-state h2{font-size:18px}.empty-state p{color:var(--muted);font-size:12px;margin:7px 0 18px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:32px}.agent-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:var(--shadow)}.agent-card.agent-featured{border-color:#cdccfa}.agent-card-top{display:flex;justify-content:space-between;align-items:center}.agent-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font:600 24px var(--display)}.agent-violet{background:var(--purple);color:#fff}.agent-blue{background:#dfeeff;color:var(--blue)}.online-dot{font-size:10px;color:var(--green)}.agent-card h2{font-size:18px;margin-top:19px}.agent-card>p{color:var(--muted);font-size:12px;margin-top:5px}.agent-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin:20px 0 16px;padding-top:16px}.agent-stats strong,.agent-stats small{display:block}.agent-stats strong{font:600 17px var(--display)}.agent-stats small{font-size:9px;color:#9da6b4;margin-top:4px}.full-btn{width:100%}.add-agent{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fcfcfe;border-style:dashed}.add-agent-icon{width:42px;height:42px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;border-radius:13px;font-size:24px}.add-agent h2{font-size:16px;margin-top:16px}.add-agent p{margin:5px 0 17px}.quality b{color:#f3b04d;font-size:10px;letter-spacing:-2px;margin-left:5px}.green-text{color:var(--green);margin-left:4px}.playbook-list{display:flex;flex-direction:column;gap:12px}.playbook-row{display:flex;align-items:center;gap:15px;padding:17px 19px}.playbook-row>div:nth-child(2){flex:1}.playbook-row h2{font-size:14px}.playbook-row p{font-size:12px;color:#738096;margin-top:4px}.playbook-row small{display:block;color:#a0a8b5;font-size:10px;margin-top:9px}.draft{background:#f1f3f6;color:#858f9e}.settings-card{display:flex;max-width:860px;padding:0;overflow:hidden}.settings-nav{width:180px;border-right:1px solid var(--line);padding:18px 10px}.setting-tab{display:block;text-align:left;width:100%;padding:10px;border:0;background:none;color:#8590a2;font-size:12px;border-radius:7px}.setting-tab.active{background:var(--purple-soft);color:var(--purple);font-weight:700}.settings-body{padding:28px;max-width:520px;flex:1}.settings-body h2{font-size:18px}.settings-body>p{color:var(--muted);font-size:12px;margin:6px 0 22px}.settings-body label{display:block;font-size:11px;font-weight:700;color:#657287;margin:16px 0}.settings-body input,.settings-body select{display:block;width:100%;margin-top:7px;padding:0 11px}.drawer-overlay{position:fixed;inset:0;background:rgba(9,15,28,.28);z-index:30;display:none}.drawer-overlay.open{display:block}.lead-drawer{position:absolute;right:0;top:0;height:100%;width:410px;background:#fff;overflow:auto;padding:30px;box-shadow:-12px 0 30px rgba(9,15,28,.12);animation:drawer .25s ease}@keyframes drawer{from{transform:translateX(100%)}to{transform:none}}.drawer-close{position:absolute;right:20px;top:18px;border:0;background:#f4f5f8;color:#798499;border-radius:50%;width:27px;height:27px;font-size:19px}.drawer-profile{display:flex;gap:14px;align-items:center;margin:20px 0 22px}.avatar.large{width:50px;height:50px;font-size:13px}.drawer-profile h2{font-size:21px}.drawer-profile p:last-child{font-size:12px;color:#8f99aa;margin-top:4px}.drawer-actions{display:flex;gap:8px;margin-bottom:28px}.drawer-section{border-top:1px solid var(--line);padding:21px 0}.drawer-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#99a2b0;margin-bottom:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid span{font-size:10px;color:#969fac}.detail-grid strong{display:block;color:var(--ink);font-size:12px;margin-top:4px}.stage-line{display:flex;align-items:center;gap:10px;font-size:11px;color:#a0a8b4}.stage-current{background:var(--green-soft);color:#16825a;padding:6px 9px;border-radius:7px;font-weight:700}.drawer-section textarea{width:100%;height:72px;border:1px solid var(--line);border-radius:8px;resize:vertical;padding:10px;font-size:12px;margin-bottom:9px}.timeline>div{display:flex;gap:12px;position:relative;padding-bottom:18px}.timeline>div:last-child{padding-bottom:0}.timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:0;border-left:1px solid #e2e5eb}.timeline i{width:9px;height:9px;border-radius:50%;background:var(--purple);border:2px solid #e9e9ff;z-index:1}.timeline p strong,.timeline p small{display:block}.timeline p strong{font-size:11px}.timeline p small{color:#99a2b0;font-size:10px;margin-top:3px}.toast{position:fixed;right:26px;bottom:26px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:9px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(100px);opacity:0;transition:.3s;z-index:50;font-size:12px}.toast.show{transform:none;opacity:1}.toast span{color:#6be1ad}.mobile-close,.menu-btn{display:none}
@media(max-width:1050px){.sidebar{width:220px}.live-grid{grid-template-columns:1fr 1fr}.featured-call{grid-column:span 2}.grid-2-1{grid-template-columns:1.5fr 1fr}.page{padding-left:3%;padding-right:3%}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:40;transform:translateX(-105%);transition:.25s;box-shadow:10px 0 35px rgba(0,0,0,.2)}.sidebar.open{transform:none}.mobile-close,.menu-btn{display:grid}.menu-btn{margin-right:5px}.topbar{padding:0 18px}.breadcrumbs span,.breadcrumbs b{display:none}.top-actions{margin-left:auto}.page{padding:26px 16px 50px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:28px}.page-heading .btn{width:100%}.metrics{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric>strong{font-size:23px}.metric em{display:none}.grid-2-1,.attention-grid,.agent-grid{grid-template-columns:1fr}.performance-card{min-height:280px}.outcome-card{min-height:280px}.attention-card span{white-space:normal}.notice{align-items:flex-start;flex-wrap:wrap}.notice .text-btn{margin-left:22px}.toolbar{flex-wrap:wrap}.toolbar .search-field{flex-basis:100%}.toolbar select{flex:1}.live-grid{grid-template-columns:1fr}.featured-call{grid-column:auto}.call-card-foot{gap:8px}.call-card-foot .btn{font-size:10px;padding:0 9px}.settings-card{display:block}.settings-nav{width:100%;display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.settings-body{padding:22px}.lead-drawer{width:100%;padding:23px}.table-header{align-items:flex-start;flex-direction:column}.table-actions{width:100%}}