:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#fff,#f4f7fb 48%)}button,select,a{font:inherit}.shell{max-width:1540px;margin:auto;padding:25px 30px 40px}.top{display:flex;justify-content:space-between;align-items:flex-start}.top h1{margin:0;font-size:27px}.top p{margin:2px 0;color:#475467}.actions{display:flex;gap:10px}.actions button,.actions a,.filters button,.filters select{padding:9px 12px;border:1px solid #e3e8f2;border-radius:9px;background:#fff;color:#27324a;text-decoration:none;box-shadow:0 4px 13px rgba(30,50,90,.05)}.filters{display:flex;justify-content:flex-end;gap:8px;margin:18px 0}.card{background:#fff;border:1px solid #e3e8f2;border-radius:13px;box-shadow:0 5px 18px rgba(27,45,83,.06)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:22px;display:flex;justify-content:space-between;min-height:135px}.kpi small{font-size:10px;font-weight:700;color:#667085}.kpi strong{display:block;font-size:27px;margin:12px 0 8px}.kpi p{margin:0;font-size:11px;color:#667085}.kpi>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-style:normal;font-size:20px}.kpi>i.purple{color:#7048e8;background:#eee9ff}.kpi>i.green{color:#159455;background:#e2f5ea}.kpi>i.blue{color:#3976f6;background:#e4ecff}.kpi>i.orange{color:#e78c16;background:#fff0dc}.trend{font-weight:700;font-size:11px}.trend.up{color:#159455}.trend.down{color:#e5484d}.charts{display:grid;grid-template-columns:1.55fr 1.2fr .7fr;gap:14px;margin-top:14px}.card>header{display:flex;justify-content:space-between;align-items:center}.card h3{margin:0;font-size:14px}.line,.source,.commission{height:335px;padding:18px}.line header span,.source header span{padding:6px 9px;border:1px solid #e3e8f2;border-radius:7px;font-size:10px}.chart-key{font-size:10px;color:#667085;margin:13px 0}.chart-key i{display:inline-block;width:14px;height:3px;background:#3976f6;margin:0 5px}.chart-key i+ i{background:#c2cad8;margin-left:15px}.line svg{width:100%;height:225px}.line svg line{stroke:#e8ecf3}.line polyline{fill:none;stroke:#3976f6;stroke-width:3}.line polyline.prior{stroke:#bec8d8;stroke-width:2;stroke-dasharray:5 5}.line footer{display:flex;justify-content:space-between;color:#667085;font-size:10px}.donut-wrap{display:flex;align-items:center;gap:20px;margin-top:38px}.donut{width:165px;height:165px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;flex:0 0 165px}.donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff}.donut b,.donut span{z-index:1}.donut b{font-size:17px}.donut span{font-size:10px;color:#667085}.legend{flex:1}.legend p{display:flex;align-items:center;margin:8px 0;font-size:10px}.legend i{width:7px;height:7px;border-radius:50%;margin-right:7px}.legend span{flex:1}.commission>strong{display:block;font-size:27px;margin:22px 0 8px}.commission>p{color:#667085;font-size:11px;line-height:1.5;margin:18px 0}.commission dl{margin-top:25px}.commission dl div{display:flex;justify-content:space-between;margin:10px 0;font-size:11px}.commission dd{font-weight:700}.lower{display:grid;grid-template-columns:2.5fr 1fr;gap:14px;margin-top:14px}.managers{overflow:hidden}.managers header,.products header,.attention header,.funnel header{padding:17px 18px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:10px 14px;background:#fbfcfe;text-align:left;font-size:9px;text-transform:uppercase}td{padding:10px 14px;border-top:1px solid #edf0f5;font-size:11px}.person{display:flex;align-items:center;gap:8px}.person i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dce8ff;color:#285abf;font-style:normal}.funnel{text-align:center}.funnel-body{height:250px;padding:17px 35px;display:flex;flex-direction:column;align-items:center}.funnel-body div{height:50px;display:grid;place-items:center;color:#fff;clip-path:polygon(5% 0,95% 0,84% 100%,16% 100%);position:relative}.funnel-body span{position:absolute;left:104%;width:95px;text-align:left;color:#27324a;font-size:10px}.f0{width:100%;background:#3976f6}.f1{width:84%;background:#7048e8}.f2{width:68%;background:#f2a12d}.f3{width:52%;background:#50bd7c}.funnel>p{font-size:10px}.bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.attention,.products{overflow:hidden}.attention header span{font-size:10px;color:#b7791f}.attention a{display:flex;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid #edf0f5;color:#101828;text-decoration:none}.attention a div{flex:1}.attention small{display:block;color:#667085}.products p{display:flex;justify-content:space-between;margin:0;padding:11px 18px;border-top:1px solid #edf0f5;font-size:11px}.shell>footer{text-align:right;color:#667085;font-size:10px;padding:17px}.loading{min-height:100vh;display:grid;place-content:center;text-align:center}.loading i{width:42px;height:42px;border:3px solid #e2e8f0;border-top-color:#3976f6;border-radius:50%;margin:auto;animation:spin .8s linear infinite}.loading p{color:#667085}.connect{display:inline-block;padding:10px 14px;background:#3976f6;color:#fff;border-radius:8px;text-decoration:none}.error h2{color:#d33}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr 1fr}.commission{grid-column:1/-1;height:auto}.lower,.bottom{grid-template-columns:1fr}}@media(max-width:680px){.shell{padding:16px}.top{display:block}.actions{margin-top:12px}.filters{overflow:auto;justify-content:flex-start}.kpis,.charts{grid-template-columns:1fr}.source,.line{height:auto}.donut-wrap{flex-direction:column}}
.sync-status{margin:-4px 0 14px;padding:14px 16px;border-radius:13px;border:1px solid #dbe6f7;background:#fff;box-shadow:0 5px 18px rgba(27,45,83,.06)}.sync-status-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sync-status strong{display:block;font-size:13px}.sync-status p{margin:3px 0 0;color:#475467;font-size:11px;line-height:1.35}.sync-dismiss{border:0;background:transparent;color:#98a2b3;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.sync-bar{height:9px;border-radius:999px;background:#edf2fb;overflow:hidden;margin:12px 0 8px}.sync-bar i{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#3976f6,#7048e8);transition:width .35s ease}.sync-bar.moving i{position:relative}.sync-bar.moving i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:syncshine 1.15s linear infinite}.sync-status.success{border-color:#c7ecd6;background:#fbfffd}.sync-status.success .sync-bar i{background:linear-gradient(90deg,#159455,#50bd7c)}.sync-status.failed{border-color:#ffd0d6;background:#fff8f9}.sync-status.failed strong{color:#c92a2a}.sync-status.failed .sync-bar i{background:linear-gradient(90deg,#e5484d,#ff8787)}.sync-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#667085;font-size:10px}.sync-meta span:first-child{font-weight:800;color:#27324a}@keyframes syncshine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:680px){.sync-status{margin-top:8px}.sync-meta{display:block}.sync-meta span{display:block;margin-top:3px}}
.managers header span{font-size:10px;color:#667085}.manager-row{cursor:pointer}.manager-row:hover td{background:#fbfcff}.manager-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;background:transparent;padding:0;color:inherit;text-align:left;box-shadow:none;cursor:pointer}.manager-toggle>span:last-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef4ff;color:#3976f6;font-weight:800}.manager-details td{background:#fbfcff;padding:0}.manager-details>td>div{padding:14px 18px 18px}.manager-details h4{margin:0 0 10px;font-size:12px}.manager-details table{background:#fff;border:1px solid #edf0f5;border-radius:10px;overflow:hidden}.manager-details a{color:#3976f6;text-decoration:none;font-weight:700}
.funnel-body{padding:15px 35px;justify-content:center}.funnel-body div{height:35px}.funnel-body span{width:115px;font-size:9px;line-height:1.2}.f1{width:88%}.f2{width:76%}.f3{width:64%;background:#15aabf}.f4{width:52%;background:#e5484d}.f5{width:42%;background:#50bd7c}.f6{width:34%;background:#adb5bd}.funnel>p{margin:0}.funnel>small{display:block;color:#667085;font-size:9px;line-height:1.35;margin:8px 18px 0}
.funnel{min-height:500px}.funnel-body{height:225px}.funnel-legend{list-style:none;margin:0 24px 12px;padding:0;text-align:left}.funnel-legend li{display:flex;align-items:center;gap:8px;margin:6px 0;color:#27324a;font-size:10px}.funnel-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;clip-path:none}.funnel-legend span{flex:1}.funnel-legend b{font-size:10px}
.funnel-legend .lost{margin-top:10px;padding-top:8px;border-top:1px solid #edf0f5;color:#667085}.funnel-legend .lost i{background:#adb5bd}
.manager-trend{margin-top:14px;padding-bottom:16px}.manager-trend header{padding:17px 18px}.manager-trend header span{font-size:10px;color:#667085}.trend-legend{display:flex;gap:16px;padding:0 18px 12px;color:#667085;font-size:10px}.trend-legend span{display:flex;align-items:center;gap:6px}.trend-legend i{width:10px;height:10px;border-radius:3px}.trend-chart{display:flex;gap:16px;align-items:flex-end;overflow:auto;padding:12px 18px 4px;border-top:1px solid #edf0f5;min-height:310px}.trend-group{min-width:150px;flex:1;text-align:center}.trend-columns{height:190px;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 6px;border-bottom:1px solid #d8dee9;background:linear-gradient(to top,#edf0f5 1px,transparent 1px) 0 25%/100% 25%}.trend-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:34px}.trend-column strong{font-size:9px;color:#27324a;white-space:nowrap}.trend-column i{display:block;width:30px;min-height:3px;border-radius:6px 6px 0 0}.trend-group>b{display:block;margin-top:10px;font-size:12px}.trend-group small{display:block;color:#667085;font-size:9px;line-height:1.35;margin-top:5px}.trend-chart>p{padding:0 18px;color:#667085}
.manager-details header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.manager-details header span{color:#667085;font-size:10px;text-align:right}.manager-details table{table-layout:fixed;white-space:normal}.manager-details th:nth-child(1){width:16%}.manager-details th:nth-child(2){width:31%}.manager-details th:nth-child(3){width:9%}.manager-details th:nth-child(4){width:13%}.manager-details th:nth-child(5){width:12%}.manager-details th:nth-child(6){width:8%}.manager-details th:nth-child(7){width:11%}.manager-details td{vertical-align:top;line-height:1.25}.manager-details td.amount,.manager-details td.rate,.manager-details td.commission{text-align:right;white-space:nowrap}.manager-details td.amount strong{display:block}.manager-details td.amount small{display:block;color:#667085;font-size:9px;margin-top:3px}.manager-details td.client b{font-weight:800}.manager-details td.lead a{line-height:1.25}.manager-details td.commission{font-weight:800}
.deals-table{max-height:360px;overflow:auto;border:1px solid #edf0f5;border-radius:10px;background:#fff}.manager-details .deals-table table{border:0;border-radius:0;background:#fff}.manager-details .deals-table thead th{position:sticky;top:0;z-index:1;background:#f8fafc}.manager-details .deals-table th{padding:9px 10px}.manager-details .deals-table td{padding:8px 10px!important;background:#fff;vertical-align:middle}.manager-details .deals-table tr:hover td{background:#fbfcff}.manager-details .deals-table td.lead a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manager-details .deals-table td.client b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.manager-details .deals-table td.amount,.manager-details .deals-table td.rate,.manager-details .deals-table td.commission{text-align:right}
.deals-grid{max-height:360px;overflow:auto;border:1px solid #edf0f5;border-radius:10px;background:#fff}.deal-head,.deal-row{display:grid;grid-template-columns:16% 31% 9% 13% 12% 8% 11%;align-items:center}.deal-head{position:sticky;top:0;z-index:2;background:#f8fafc;border-bottom:1px solid #edf0f5}.deal-head div{padding:9px 10px;font-size:9px;font-weight:800;text-transform:uppercase;color:#101828}.deal-row{border-top:1px solid #edf0f5}.deal-row:first-of-type{border-top:0}.deal-row:hover{background:#fbfcff}.deal-row>div{padding:8px 10px;font-size:11px;line-height:1.25;min-width:0}.deal-row .lead a,.deal-row .client b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal-row .deal-amount,.deal-row .deal-rate,.deal-row .deal-commission{text-align:right;white-space:nowrap}.deal-row .deal-amount strong{display:block}.deal-row .deal-amount small{display:block;color:#667085;font-size:9px;margin-top:3px}.deal-row .deal-commission{font-weight:800}.deal-empty{padding:14px;color:#667085;font-size:11px}
.deal-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.ai-review-btn,.ai-call-btn{border:1px solid #d6e4ff;background:#eef4ff;color:#285abf;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;cursor:pointer}.ai-call-btn{border-color:#dff3e8;background:#eaf8f0;color:#087443}.ai-call-btn.done{border-color:#e9ddff;background:#f4efff;color:#7048e8}.ai-review-btn:disabled,.ai-call-btn:disabled{opacity:.7;cursor:wait}
.insights{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;margin-top:14px}.insight-card{padding:18px;min-height:245px}.insight-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.insight-card header span{font-size:10px;color:#667085}.forecast-card>strong{display:block;font-size:28px;margin:14px 0 8px}.forecast-card>p{color:#667085;font-size:11px;margin:0 0 18px}.forecast-card dl{margin:0}.forecast-card dl div{display:flex;justify-content:space-between;margin:10px 0;font-size:11px}.forecast-card dd{font-weight:800}.stage-value,.velocity-row{margin:10px 0}.stage-value p,.velocity-row p{display:flex;justify-content:space-between;gap:10px;margin:0 0 5px;font-size:11px}.stage-value p span,.velocity-row p span{font-weight:700}.stage-value p b,.velocity-row p b{white-space:nowrap}.stage-value i,.velocity-row i{display:block;height:8px;border-radius:999px;background:#e8eef9;overflow:hidden}.stage-value em,.velocity-row em{display:block;height:100%;min-width:3px;border-radius:999px;background:linear-gradient(90deg,#3976f6,#7048e8)}.stage-value small,.velocity-row small{display:block;color:#667085;font-size:9px;margin-top:4px}.velocity-row em{background:linear-gradient(90deg,#50bd7c,#15aabf)}.empty{color:#667085;font-size:11px;margin:0}
@media(max-width:1150px){.insights{grid-template-columns:1fr}.insight-card{min-height:auto}}
.view-tabs{display:flex;gap:8px;margin:0 0 14px}.view-tabs button{border:1px solid #e3e8f2;background:#fff;color:#475467;border-radius:999px;padding:8px 13px;box-shadow:0 4px 13px rgba(30,50,90,.04);cursor:pointer}.view-tabs button.active{background:#101828;color:#fff;border-color:#101828}.direct-page{display:grid;gap:14px}.direct-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.direct-list,.direct-service-pie{padding-bottom:10px;overflow:hidden;min-height:255px}.direct-list header,.direct-table header,.direct-service-pie header,.direct-bars header{padding:17px 18px}.direct-list header span,.direct-table header span,.direct-service-pie header span,.direct-bars header span{font-size:10px;color:#667085}.direct-list p{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:0;padding:11px 18px;border-top:1px solid #edf0f5;font-size:11px}.direct-list p b{white-space:nowrap}.direct-list p small{color:#667085;white-space:nowrap}.direct-list .padded,.direct-service-pie .padded,.direct-bars .padded{display:block;padding:14px 18px}.direct-pie-wrap{display:flex;align-items:center;gap:24px;padding:14px 24px 20px}.direct-pie-wrap .donut{width:185px;height:185px;flex-basis:185px}.direct-pie-wrap .donut:after{inset:38px}.direct-pie-legend{flex:1;min-width:0}.direct-pie-legend p{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;margin:8px 0;font-size:11px}.direct-pie-legend i{width:10px;height:10px;border-radius:50%}.direct-pie-legend span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-pie-legend b{white-space:nowrap}.direct-pie-legend small{grid-column:2/4;color:#667085;font-size:9px;margin-top:-4px}.direct-bars{overflow:hidden}.direct-bar-chart{height:260px;display:flex;align-items:flex-end;justify-content:center;gap:36px;padding:18px 24px 26px;border-top:1px solid #edf0f5}.direct-bar{width:140px;text-align:center}.direct-bar-track{height:155px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #d8dee9;background:linear-gradient(to top,#edf0f5 1px,transparent 1px) 0 33%/100% 33%;margin-bottom:9px}.direct-bar-track i{display:block;width:52px;min-height:4px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#98a2b3,#667085)}.direct-bar.selected .direct-bar-track i{background:linear-gradient(180deg,#3976f6,#7048e8)}.direct-bar strong{display:block;font-size:20px}.direct-bar span{display:block;font-size:11px;font-weight:800;margin-top:4px}.direct-bar small{display:block;color:#667085;font-size:10px;margin-top:3px}.direct-table{overflow:hidden}.direct-table .table-scroll{max-height:520px}.direct-table table{table-layout:fixed;white-space:normal}.direct-table th,.direct-table td{padding:9px 10px;vertical-align:middle}.direct-table th:nth-child(1){width:16%}.direct-table th:nth-child(2){width:23%}.direct-table th:nth-child(3){width:8%}.direct-table th:nth-child(4){width:11%}.direct-table th:nth-child(5){width:13%}.direct-table th:nth-child(6){width:12%}.direct-table th:nth-child(7){width:11%}.direct-table th:nth-child(8){width:6%;text-align:right}.direct-table td:nth-child(8){text-align:right;white-space:nowrap}.direct-table a{color:#3976f6;text-decoration:none;font-weight:800}.direct-table td b,.direct-table a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1150px){.direct-kpis,.direct-grid{grid-template-columns:1fr}.direct-table table{min-width:980px}}
.ai-page{display:grid;gap:14px}.ai-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ai-intro{padding:18px}.ai-intro header{margin-bottom:10px}.ai-intro header span,.ai-table header span{font-size:10px;color:#667085}.ai-intro p{font-size:12px;line-height:1.55;color:#27324a;margin:8px 0}.ai-intro .muted{color:#667085}.ai-table{overflow:hidden}.ai-table header{padding:17px 18px}.ai-table table{table-layout:fixed;white-space:normal}.ai-table th,.ai-table td{padding:10px 12px;vertical-align:top}.ai-table th:nth-child(1){width:9%}.ai-table th:nth-child(2){width:15%}.ai-table th:nth-child(3){width:19%}.ai-table th:nth-child(4){width:25%}.ai-table th:nth-child(5){width:18%}.ai-table th:nth-child(6){width:14%}.ai-table a{color:#3976f6;text-decoration:none;font-weight:800}.ai-table small{display:block;color:#667085;font-size:9px;margin-top:4px}.ai-table p{margin:0 0 5px;line-height:1.35}.ai-table ul{margin:0;padding-left:15px}.ai-table li{margin:0 0 4px;line-height:1.3}.score-pill{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.score-pill.good{background:#e2f5ea;color:#087443}.score-pill.warn{background:#fff4d6;color:#b7791f}.score-pill.bad{background:#ffe4e8;color:#c92a2a}
@media(max-width:1150px){.ai-kpis{grid-template-columns:repeat(2,1fr)}.ai-table table{min-width:1050px}}@media(max-width:680px){.ai-kpis{grid-template-columns:1fr}}
.direct-pipeline-bars{overflow:hidden}.direct-pipeline-bars header{padding:17px 18px}.direct-pipeline-bars header span{font-size:10px;color:#667085}.pipeline-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 18px 12px;color:#667085;font-size:10px}.pipeline-legend span{display:flex;align-items:center;gap:6px}.pipeline-legend i{width:10px;height:10px;border-radius:3px}.pipeline-month-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 24px 26px;border-top:1px solid #edf0f5}.pipeline-month{min-width:0;text-align:center;border-radius:12px;padding:12px;background:#fbfcff;border:1px solid #edf0f5}.pipeline-month.selected{background:#f8f5ff;border-color:#ded4ff}.pipeline-month-bars{height:230px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border-bottom:1px solid #d8dee9;background:linear-gradient(to top,#edf0f5 1px,transparent 1px) 0 25%/100% 25%;padding:0 8px}.pipeline-mini-bar{height:100%;min-width:34px;max-width:46px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.pipeline-mini-bar strong{font-size:10px;color:#27324a;white-space:nowrap}.pipeline-mini-bar i{display:block;width:100%;min-height:4px;border-radius:8px 8px 0 0}.pipeline-mini-bar span{display:block;max-width:62px;min-height:25px;color:#667085;font-size:8px;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.pipeline-month footer{padding-top:10px}.pipeline-month footer strong{display:block;font-size:13px}.pipeline-month footer span{display:block;color:#667085;font-size:10px;margin-top:3px}@media(max-width:1150px){.pipeline-month-chart{grid-template-columns:1fr;overflow:auto}.pipeline-month-bars{justify-content:flex-start;overflow:auto}.pipeline-mini-bar{min-width:42px}}@media(max-width:680px){.pipeline-month-chart{padding:14px}.pipeline-legend{padding:0 14px 10px}.pipeline-month-bars{height:190px}}
.direct-service-pipeline-bars{overflow:hidden}.direct-service-pipeline-bars>header{padding:17px 18px}.direct-service-pipeline-bars>header span{font-size:10px;color:#667085}.service-pipeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 24px 24px;border-top:1px solid #edf0f5}.service-pipeline-card{border:1px solid #edf0f5;border-radius:12px;background:#fbfcff;padding:13px;min-width:0}.service-pipeline-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.service-pipeline-card h4{margin:0;font-size:13px}.service-pipeline-card header span{font-size:10px;color:#667085;white-space:nowrap}.service-pipeline-chart{height:210px;display:flex;align-items:flex-end;justify-content:center;gap:8px;border-bottom:1px solid #d8dee9;background:linear-gradient(to top,#edf0f5 1px,transparent 1px) 0 25%/100% 25%;padding:0 8px}.service-pipeline-bar{height:100%;min-width:38px;max-width:58px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.service-pipeline-bar strong{font-size:10px;color:#27324a;white-space:nowrap}.service-pipeline-bar i{display:block;width:100%;min-height:4px;border-radius:8px 8px 0 0}.service-pipeline-bar span{display:block;max-width:70px;min-height:27px;color:#667085;font-size:8px;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis}@media(max-width:1150px){.service-pipeline-grid{grid-template-columns:1fr}.service-pipeline-chart{justify-content:flex-start;overflow:auto}.service-pipeline-bar{min-width:44px}}@media(max-width:680px){.service-pipeline-grid{padding:14px}.service-pipeline-card header{display:block}.service-pipeline-card header span{display:block;margin-top:4px}.service-pipeline-chart{height:185px}}
.all-leads-page{display:grid;gap:14px}.all-leads-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.attribution-card,.lead-volume-card{overflow:hidden;min-height:305px}.attribution-card header,.lead-volume-card header,.all-leads-table header{padding:17px 18px}.attribution-card header span,.lead-volume-card header span,.all-leads-table header span{font-size:10px;color:#667085}.attribution-split{height:238px;display:flex;align-items:flex-end;justify-content:center;gap:34px;padding:18px 24px 24px;border-top:1px solid #edf0f5}.attribution-split div{height:100%;min-width:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;text-align:center}.attribution-split strong{font-size:24px}.attribution-split span{color:#667085;font-size:10px;min-height:24px}.attribution-split i{display:block;width:64px;min-height:4px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#3976f6,#7048e8)}.attribution-split i.direct{background:linear-gradient(180deg,#50bd7c,#159455)}.attribution-split small{font-size:11px;font-weight:800}.lead-volume-row{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid #edf0f5}.lead-volume-row strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-volume-row small{display:block;color:#667085;font-size:9px;margin-top:3px}.lead-volume-track{height:19px;background:#edf2fb;border-radius:999px;overflow:hidden}.lead-volume-track>i{display:flex;height:100%;min-width:4px;border-radius:inherit;overflow:hidden;background:#d8e2f3}.lead-volume-track em{display:block;height:100%;background:#3976f6}.lead-volume-track b{display:block;height:100%;background:#50bd7c}.all-leads-table{overflow:hidden}.all-leads-table .table-scroll{max-height:560px}.all-leads-table table{table-layout:fixed;white-space:normal}.all-leads-table th,.all-leads-table td{padding:9px 10px;vertical-align:middle}.all-leads-table th:nth-child(1){width:15%}.all-leads-table th:nth-child(2){width:22%}.all-leads-table th:nth-child(3){width:8%}.all-leads-table th:nth-child(4){width:7%}.all-leads-table th:nth-child(5){width:10%}.all-leads-table th:nth-child(6){width:12%}.all-leads-table th:nth-child(7){width:11%}.all-leads-table th:nth-child(8){width:10%}.all-leads-table th:nth-child(9){width:5%}.all-leads-table a{color:#3976f6;text-decoration:none;font-weight:800}.all-leads-table td b,.all-leads-table a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1150px){.all-leads-grid{grid-template-columns:1fr}.all-leads-table table{min-width:1120px}}@media(max-width:680px){.lead-volume-row{grid-template-columns:1fr}.attribution-split{gap:18px}.attribution-split div{min-width:105px}}
.mode-note{padding:13px 16px;display:flex;align-items:center;gap:12px;background:#fbfcff}.mode-note b{font-size:12px}.mode-note span{color:#667085;font-size:11px}.ui-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;line-height:1;white-space:nowrap;background:#eef2f7;color:#475467}.ui-badge.manager{background:#eef4ff;color:#285abf}.ui-badge.direct{background:#eaf8f0;color:#087443}.ui-badge.won{background:#e2f5ea;color:#087443}.ui-badge.lost{background:#ffe4e8;color:#c92a2a}.ui-badge.active{background:#fff4d6;color:#b7791f}.ui-badge.insight{background:#f4efff;color:#7048e8}.opportunities-card{overflow:hidden;min-height:305px}.opportunities-card header{padding:17px 18px}.opportunities-card header span{font-size:10px;color:#667085}.opportunity-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid #edf0f5}.opportunity-item strong{display:block;font-size:12px}.opportunity-item small{display:block;color:#667085;font-size:10px;margin-top:3px}.opportunity-item>b{font-size:12px;white-space:nowrap}@media(max-width:680px){.mode-note{display:block}.mode-note span{display:block;margin-top:5px}.opportunity-item{grid-template-columns:1fr}.opportunity-item>b{white-space:normal}}
.ui-badge.danger{background:#ffe4e8;color:#c92a2a}.strategy-page{display:grid;gap:14px}.strategy-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:14px}.strategy-costs,.strategy-intro,.strategy-summary,.strategy-list,.strategy-rec-table,.strategy-empty,.strategy-error{padding:18px}.strategy-costs header,.strategy-intro header,.strategy-summary header,.strategy-list header,.strategy-rec-table header{margin-bottom:14px}.strategy-costs header span,.strategy-intro header span,.strategy-summary header span,.strategy-list header span,.strategy-rec-table header span{font-size:10px;color:#667085}.strategy-costs form{display:grid;grid-template-columns:1.1fr .55fr 1.4fr auto;gap:8px;margin-bottom:14px}.strategy-costs input,.strategy-costs select,.strategy-costs button,.strategy-rec-status{border:1px solid #e3e8f2;border-radius:9px;background:#fff;color:#27324a;padding:9px 10px;box-shadow:0 4px 13px rgba(30,50,90,.04)}.strategy-costs button,.strategy-generate-btn{cursor:pointer;background:#101828;color:#fff;border-color:#101828;font-weight:800}.strategy-generate-btn{border-radius:999px;padding:10px 16px;margin-top:14px}.strategy-generate-btn:disabled{opacity:.55;cursor:not-allowed}.table-scroll.compact{max-height:210px}.strategy-intro p,.strategy-empty p,.strategy-error p{color:#475467;font-size:12px;line-height:1.5;margin:8px 0}.strategy-report{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.strategy-summary ul{margin:0;padding-left:18px;color:#27324a;font-size:12px;line-height:1.55}.strategy-summary li{margin:0 0 7px}.strategy-list{min-height:250px}.strategy-item{border-top:1px solid #edf0f5;padding:12px 0}.strategy-item:first-of-type{border-top:0;padding-top:0}.strategy-item strong{display:block;font-size:13px;margin:8px 0 5px}.strategy-item p{font-size:12px;line-height:1.45;color:#27324a;margin:0}.strategy-item small{display:block;color:#667085;font-size:10px;line-height:1.35;margin-top:6px}.strategy-rec-table{grid-column:1/-1;overflow:hidden}.strategy-rec-table table{table-layout:fixed;white-space:normal}.strategy-rec-table th,.strategy-rec-table td{vertical-align:top}.strategy-rec-table th:nth-child(1){width:9%}.strategy-rec-table th:nth-child(2){width:27%}.strategy-rec-table th:nth-child(3){width:39%}.strategy-rec-table th:nth-child(4){width:10%}.strategy-rec-table th:nth-child(5){width:15%}.strategy-rec-table small{display:block;color:#667085;font-size:10px;margin-top:5px;line-height:1.3}.strategy-rec-status{width:130px;padding:7px 9px}.strategy-empty{text-align:center;padding:30px}.strategy-error{border-color:#ffd0d6;background:#fff8f9}.strategy-error b{color:#c92a2a}.strategy-error p{margin-bottom:0}@media(max-width:1150px){.strategy-grid,.strategy-report{grid-template-columns:1fr}.strategy-costs form{grid-template-columns:1fr 1fr}.strategy-rec-table table{min-width:980px}}@media(max-width:680px){.strategy-costs form{grid-template-columns:1fr}.strategy-page .ai-kpis{grid-template-columns:1fr}.strategy-rec-status{width:100%}}
.manager-section{margin-top:14px}.funnel-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.funnel header span{font-size:10px;color:#667085}.funnel .compact{height:190px}.funnel-split .funnel{min-height:455px}.bottom{grid-template-columns:1.15fr 1.25fr 1fr}.source-channels{overflow:hidden}.source-channels header{padding:17px 18px}.source-channels header span{font-size:10px;color:#667085}.source-channel-row{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center;padding:10px 18px;border-top:1px solid #edf0f5}.source-channel-row strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-channel-row small{display:block;color:#667085;font-size:9px;margin-top:3px;line-height:1.25}.source-channel-track{height:18px;border-radius:999px;background:#edf2fb;overflow:hidden}.source-channel-track i{display:block;height:100%;min-width:4px;border-radius:inherit;background:#d8e2f3;overflow:hidden}.source-channel-track em{display:block;height:100%;background:linear-gradient(90deg,#3976f6,#50bd7c)}.source-channel-row>b{font-size:11px;white-space:nowrap}@media(max-width:1150px){.funnel-split,.bottom{grid-template-columns:1fr}.source-channel-row{grid-template-columns:190px 1fr auto}}@media(max-width:680px){.source-channel-row{grid-template-columns:1fr}.source-channel-row>b{text-align:right}}
.funnel-split .funnel{min-height:auto;padding-bottom:18px}.funnel-split .funnel-body{max-width:560px;margin:0 auto;padding-left:24px;padding-right:24px}.funnel-split .funnel .compact{height:auto;min-height:250px}.funnel-split .funnel-body div{height:32px;max-width:520px}.funnel-split .funnel-legend{max-width:560px;margin-left:auto;margin-right:auto}.funnel-split .funnel>small{max-width:560px;margin-left:auto;margin-right:auto;padding:0 18px}
.funnel-split .funnel-body .f4,.funnel-split .funnel-legend .f4{background:#e5484d}.funnel-split .funnel-body .f5,.funnel-split .funnel-legend .f5{background:#50bd7c}.funnel-split .funnel-legend .lost i{background:#475467}.funnel-split .funnel-legend .lost b{color:#475467}
.line{height:auto;min-height:335px}.line svg{height:205px}.line-summary{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:9px;color:#667085;font-size:10px}.line-summary b{color:#101828}.line-note{display:block;margin-top:7px;color:#667085;font-size:9px;line-height:1.35}
.support-page{display:grid;gap:14px}.support-page .mode-note{justify-content:space-between}.support-page .mode-note span{flex:1}.whmcs-sync-btn{border:1px solid #e3e8f2;border-radius:999px;background:#101828;color:#fff;padding:8px 13px;font-weight:800;cursor:pointer;box-shadow:0 4px 13px rgba(30,50,90,.04)}.whmcs-sync-btn:disabled{opacity:.6;cursor:wait}.support-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.support-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px}.support-aging,.support-breakdown,.support-table{overflow:hidden}.support-aging header,.support-breakdown header,.support-table header{padding:17px 18px}.support-aging header span,.support-breakdown header span,.support-table header span{font-size:10px;color:#667085}.support-aging-row,.support-break-row{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:11px 18px;border-top:1px solid #edf0f5}.support-aging-row strong,.support-break-row strong{display:block;font-size:12px}.support-aging-row small,.support-break-row small{display:block;color:#667085;font-size:9px;margin-top:3px}.support-aging-row>b,.support-break-row>b{font-size:12px;white-space:nowrap}.support-aging-track,.support-break-track{height:18px;border-radius:999px;background:#edf2fb;overflow:hidden}.support-aging-track i,.support-break-track i{display:block;height:100%;min-width:5px;border-radius:inherit;background:linear-gradient(90deg,#3976f6,#7048e8)}.support-table .table-scroll{max-height:620px}.support-table table{table-layout:fixed;white-space:normal}.support-table th,.support-table td{padding:10px 12px;vertical-align:top}.support-table th:nth-child(1){width:9%}.support-table th:nth-child(2){width:18%}.support-table th:nth-child(3){width:34%}.support-table th:nth-child(4){width:10%}.support-table th:nth-child(5){width:10%}.support-table th:nth-child(6){width:9%}.support-table th:nth-child(7){width:10%;text-align:right}.support-table td:nth-child(7){text-align:right}.support-table a{color:#3976f6;text-decoration:none;font-weight:800}.support-table small{display:block;color:#667085;font-size:9px;margin-top:4px;line-height:1.25}.support-table td b,.support-table a{overflow:hidden;text-overflow:ellipsis}.ui-badge.warn{background:#fff4d6;color:#b7791f}.ui-badge.neutral{background:#eef2f7;color:#475467}@media(max-width:1150px){.support-kpis{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:1fr}.support-table table{min-width:1050px}}@media(max-width:680px){.support-kpis{grid-template-columns:1fr}.support-page .mode-note{display:block}.whmcs-sync-btn{margin-top:10px}.support-aging-row,.support-break-row{grid-template-columns:1fr auto}.support-aging-track,.support-break-track{grid-column:1/-1;grid-row:2}}
.pin-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#fff,#eef4ff 52%,#f4f7fb)}.pin-card{width:min(420px,100%);background:#fff;border:1px solid #e3e8f2;border-radius:18px;box-shadow:0 20px 55px rgba(27,45,83,.12);padding:30px;text-align:left}.pin-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#101828;color:#fff;font-weight:900;letter-spacing:.08em;margin-bottom:18px}.pin-card h1{margin:0 0 8px;font-size:27px;color:#101828}.pin-card p{margin:0 0 22px;color:#667085;line-height:1.45}.pin-card label{display:block;margin-bottom:14px}.pin-card label span{display:block;font-size:11px;text-transform:uppercase;color:#667085;font-weight:800;margin-bottom:7px}.pin-card input{width:100%;border:1px solid #d8e0ee;border-radius:12px;padding:13px 14px;font-size:18px;outline:none}.pin-card input:focus{border-color:#3976f6;box-shadow:0 0 0 4px rgba(57,118,246,.12)}.pin-card button{width:100%;border:0;border-radius:12px;background:#101828;color:#fff;font-weight:900;padding:13px 14px;cursor:pointer}.pin-card button:disabled{opacity:.65;cursor:wait}.pin-error{display:block;color:#c92a2a;background:#fff0f2;border:1px solid #ffd0d6;border-radius:10px;padding:9px 10px;margin:-3px 0 13px}

html,body{width:100%;min-width:0}
@media(max-width:760px){
  body{overflow-x:hidden}
  .shell{width:100%;max-width:100%;padding:14px 12px 92px}
  .top{display:block}
  .top h1{font-size:22px;line-height:1.12}
  .top p{font-size:13px;line-height:1.35}
  .actions{display:grid;grid-template-columns:1.25fr .65fr .75fr;gap:8px;margin-top:12px}
  .actions button,.actions a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;white-space:nowrap}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 14px;overflow:visible}
  .filters select,.filters button{width:100%;min-width:0;max-width:100%;padding:10px 9px;font-size:14px}
  .view-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;margin:0 -12px 14px;padding:0 12px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .view-tabs:after{content:"";flex:0 0 4px}
  .view-tabs button{flex:0 0 auto;white-space:normal;min-width:86px;max-width:124px;min-height:48px;padding:9px 11px;font-size:14px;line-height:1.12;scroll-snap-align:start}
  .sync-status{margin:0 0 12px;padding:12px;border-radius:12px}
  .sync-status-head{gap:8px}
  .sync-status p{font-size:10px}
  .sync-meta{display:block;font-size:10px;line-height:1.45}
  .sync-meta span{display:block;margin-top:3px}
  .card{border-radius:12px}
  .kpis,.support-kpis,.direct-kpis,.ai-kpis{grid-template-columns:1fr;gap:12px}
  .kpi{min-height:118px;padding:18px}
  .kpi strong{font-size:25px}
  .support-page,.direct-page,.all-leads-page,.ai-page,.strategy-page{gap:12px}
  .mode-note{padding:14px;display:block}
  .mode-note b{display:block;margin-bottom:6px}
  .mode-note span{display:block;font-size:10px;line-height:1.45}
  .whmcs-sync-btn{width:100%;margin-top:12px;min-height:44px}
  .support-grid{gap:12px}
  .support-aging header,.support-breakdown header,.support-table header{padding:15px 14px}
  .support-aging-row,.support-break-row{grid-template-columns:1fr auto;padding:11px 14px}
  .support-aging-track,.support-break-track{grid-column:1/-1;grid-row:2}
  .support-table .table-scroll{max-height:none;overflow:auto}
  .support-table table{min-width:900px}
  .shell>footer{text-align:left;padding:14px 2px 0;line-height:1.4}
}
@media(max-width:380px){
  .filters{grid-template-columns:1fr}
  .actions{grid-template-columns:1fr 1fr}
  .actions #sync{grid-column:1/-1}
  .view-tabs button{min-width:92px}
}