:root{--ink:#1c302a;--ink2:#31463e;--muted:#87928c;--line:#e9eeea;--paper:#fff;--bg:#f7f9f6;--orange:#eb805a;--green:#367d61;--mint:#e8f4ee;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--font)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:244px;background:#192d28;color:#e8f2ed;position:fixed;inset:0 auto 0 0;padding:29px 16px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:white;margin:0 8px 51px}.brand-icon{width:37px;height:37px;border:1px solid #8dc5a7;border-radius:12px;display:grid;place-items:center;color:#a8d6bb;font:800 20px var(--display);background:#263e35}.brand b{display:block;font:800 16px var(--display);letter-spacing:-.5px}.brand small{font-size:8px;letter-spacing:2px;color:#9aafa5}.nav-label{color:#80948a;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:0 12px;margin-bottom:10px}.nav{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:#adc0b6;text-align:left;border-radius:9px;padding:12px 12px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px}.nav-item:hover{background:#263c34;color:white}.nav-item.active{background:#2c473c;color:#fff;box-shadow:inset 3px 0 #ed885e}.nav-icon{width:17px;text-align:center;font-size:17px;opacity:.9}.nav-count{margin-left:auto;font-size:10px;background:#395448;color:#d8e8df;border-radius:20px;padding:3px 7px}.sidebar-bottom{margin-top:auto}.side-note{display:flex;align-items:center;gap:10px;background:#223a31;padding:12px;border-radius:10px;margin:0 2px 17px}.side-note b,.side-note small{display:block}.side-note b{font-size:11px}.side-note small{font-size:10px;color:#93a89c;margin-top:3px}.pulse,.live-indicator span{display:block;width:8px;height:8px;border-radius:50%;background:#78c39c;box-shadow:0 0 0 4px #305040}.user-card{display:flex;align-items:center;gap:9px;border-top:1px solid #31443c;padding:17px 4px 0;margin-top:13px}.avatar,.top-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8b99e;color:#653f30;font-size:10px;font-weight:800}.user-card b,.user-card small{display:block}.user-card b{font-size:10px}.user-card small{color:#91a59a;font-size:9px;margin-top:3px}.user-dots{margin-left:auto;color:#9aafa5}.main{margin-left:244px;max-width:1700px;padding:0 44px 16px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{color:#829088;font-size:12px}.crumb span{margin:0 9px;color:#bbc4bf}.crumb b{color:#34463e;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.today{font-size:11px;color:#7a8981}.icon-button{border:0;background:none;color:#65756c;font-size:18px;position:relative}.icon-button i{position:absolute;right:3px;top:4px;width:5px;height:5px;background:#eb805a;border-radius:50%}.top-avatar{width:30px;height:30px}.mobile-menu{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#a0aaa4;margin-bottom:8px}.page-head h1{font:700 25px var(--display);letter-spacing:-.8px;margin:0}.page-head h1 span{font-size:17px;color:#e9a261;vertical-align:3px}.page-head p{color:#85928b;font-size:12px;margin:7px 0 0}.button{border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.button-dark{border:1px solid #243c33;background:#243c33;color:#fff;box-shadow:0 3px 7px #1b302a12}.button-dark:hover{background:#345347}.button-dark span{font-size:15px}.button-light{border:1px solid #e3e9e4;background:#fff;color:#4d6056}.button-light span{font-size:15px}.range-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.range-tabs{border:1px solid #e7ece8;border-radius:8px;padding:3px;background:#fff;display:flex;gap:2px}.range{border:0;background:transparent;color:#849189;border-radius:6px;padding:7px 12px;font-size:10px;font-weight:600}.range.active{background:#eaf2ed;color:#315643}.live-indicator{display:flex;align-items:center;gap:9px;color:#75847b;font-size:10px}.live-indicator span{width:6px;height:6px;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card,.panel{background:#fff;border:1px solid #edf0ed;border-radius:12px;box-shadow:0 4px 18px #304a3810}.stat-card{padding:17px 18px 15px;min-height:123px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#738078;font-size:11px;font-weight:600}.stat-icon{height:27px;width:27px;border-radius:8px;display:grid;place-items:center;font-size:15px}.mint{background:#e9f4ed;color:#4f9c73}.peach{background:#fff0e9;color:#e38662}.green{background:#e5f2ed;color:#398764}.violet{background:#f0ecf7;color:#8468ad}.stat-value{font:700 26px var(--display);letter-spacing:-1px;margin:9px 0 3px}.stat-foot{font-size:10px;color:#6f8177;display:flex;gap:6px;align-items:center}.muted{color:#9ba69f}.status-dot{width:6px;height:6px;border-radius:50%}.orange{background:#ec946d}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:13px;margin-top:14px}.panel{padding:17px 19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font:700 13px var(--display);margin:0;letter-spacing:-.2px}.panel-head p{margin:4px 0 0;font-size:10px;color:#96a199}.chart-legend{font-size:10px;color:#829088;display:flex;gap:6px;align-items:center}.chart-legend i{width:7px;height:7px;background:#ed8059;border-radius:50%}.chart-wrap{display:flex;margin-top:16px;height:166px}.y-labels{width:28px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 22px;color:#a3ada6;font-size:9px}.chart-area{position:relative;flex:1}.chart-grid{position:absolute;inset:2px 0 24px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #e9eeea}.chart-area svg{position:absolute;inset:0 0 23px;width:100%;height:calc(100% - 23px);overflow:visible}.x-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#a0aaa3;font-size:9px}.source-panel{min-height:213px}.more-button{border:0;background:none;color:#849189;font-size:20px;line-height:10px}.source-chart{height:119px;display:grid;place-items:center}.donut{height:105px;width:105px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e8eeea 0deg 360deg);position:relative}.donut:before{content:"";position:absolute;inset:10px;background:white;border-radius:50%}.donut>div{position:relative;text-align:center}.donut b,.donut small{display:block}.donut b{font:700 19px var(--display)}.donut small{font-size:7px;letter-spacing:1px;color:#99a49d;margin-top:2px}.source-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.source-key{display:flex;align-items:center;gap:6px;color:#829088;font-size:9px}.source-key i{width:7px;height:7px;border-radius:50%}.source-key b{margin-left:auto;color:#4b5e53;font-size:9px}.leads-panel{padding:18px 19px 0;margin-top:14px}.lead-panel-head{align-items:center}.table-tools{display:flex;gap:8px;margin:17px 0 11px}.search-box{height:33px;display:flex;align-items:center;border:1px solid #e8ede9;border-radius:7px;padding:0 9px;gap:7px;flex:1;max-width:310px;color:#98a39c}.search-box span{font-size:18px;transform:rotate(-20deg)}.search-box input{border:0;outline:none;width:100%;font-size:10px;color:#43574c}.search-box input::placeholder{color:#a2aca6}.table-tools select{border:1px solid #e8ede9;background:white;border-radius:7px;padding:0 10px;color:#68786e;font-size:10px;min-width:120px;outline:none}.table-scroll{overflow:auto;min-height:151px}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;font-size:8px;letter-spacing:.8px;color:#a0aaa3;font-weight:700;border-bottom:1px solid #edf0ed;padding:9px 10px}td{padding:12px 10px;border-bottom:1px solid #f0f2f0;color:#516359;font-size:10px}tbody tr:hover{background:#fbfcfb}.lead-person{display:flex;align-items:center;gap:9px}.lead-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:700;color:#436854;background:#eaf3ec}.lead-person b,.lead-person small{display:block}.lead-person b{font-size:10px;color:#405449}.lead-person small{font-size:9px;color:#9aa59e;margin-top:3px}.source-pill{display:inline-flex;align-items:center;gap:6px}.source-pill i{width:6px;height:6px;border-radius:50%;background:#65a881}.status-pill{display:inline-block;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700;background:#fff2e8;color:#c97950}.status-pill.Contacted{background:#eaf0ff;color:#667cc0}.status-pill.Qualified{background:#f2ebfa;color:#8b68aa}.status-pill.Converted{background:#e6f4eb;color:#4c986e}.status-pill.Archived{background:#eff1ef;color:#849088}.row-action{border:0;background:none;color:#94a099;font-size:18px}.empty-state{display:none;min-height:145px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.empty-state.visible{display:flex}.empty-icon{width:34px;height:34px;background:#fff1e9;border-radius:11px;display:grid;place-items:center;color:#df815b;font-size:17px;margin-bottom:9px}.empty-state b{font-size:11px}.empty-state p{font-size:10px;color:#8b9890;max-width:300px;line-height:1.6;margin:5px 0}.empty-state span{font-size:9px;color:#a8b1ab}.table-footer{height:42px;border-top:1px solid #edf0ed;display:flex;align-items:center;justify-content:space-between;color:#9aa49d;font-size:9px}.pager{display:flex;gap:7px;align-items:center}.pager button{border:1px solid #e8ede9;background:white;border-radius:5px;color:#9aa49d;width:23px;height:22px}.pager span{font-size:9px;color:#516359}footer{color:#a2aca5;font-size:9px;text-align:center;padding:17px}footer span{padding:0 6px;color:#d0d7d2}.modal-backdrop{position:fixed;inset:0;background:#14251fc2;z-index:10;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.settings-modal{position:relative;background:#fff;border-radius:16px;padding:28px;max-width:480px;width:100%;box-shadow:0 20px 70px #0c211966}.close-modal{position:absolute;right:16px;top:13px;background:none;border:0;font-size:24px;color:#718077}.settings-modal h2{font:700 21px var(--display);margin:0 0 8px}.settings-modal>p{font-size:11px;line-height:1.65;color:#7f8e84}.settings-modal code{font-size:10px;background:#f3f5f3;padding:2px 4px;border-radius:3px}.settings-modal pre{white-space:pre-wrap;word-break:break-all;background:#f5f7f5;padding:12px;border:1px solid #e7ece8;border-radius:7px;font:10px Consolas,monospace;color:#41604e}.setup-note{margin-top:18px;background:#f0f6f2;border-radius:8px;padding:12px;font-size:10px;line-height:1.6;color:#728177}.setup-note b{color:#365242}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);opacity:0;background:#243c33;color:#fff;padding:10px 16px;border-radius:8px;font-size:11px;transition:.2s;pointer-events:none;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.main{padding:0 25px 16px}.sidebar{width:220px}.main{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.source-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.source-panel .panel-head{grid-column:1/-1}.source-chart{height:110px}.source-legend{grid-template-columns:1fr}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #10201944}.main{margin-left:0;padding:0 15px 10px}.topbar{height:57px}.mobile-menu{display:block;background:none;border:0;color:#3c5147;font-size:17px;margin-right:10px}.crumb{margin-right:auto;font-size:10px}.today{display:none}.top-actions{gap:12px}.page-head{margin-top:25px;align-items:flex-start;gap:12px}.page-head h1{font-size:20px}.page-head p{font-size:10px;max-width:220px;line-height:1.5}.page-head .button{font-size:9px;padding:9px 10px;white-space:nowrap;margin-top:10px}.range-row{align-items:center}.live-indicator{font-size:0;gap:0}.live-indicator span{width:8px;height:8px;box-shadow:0 0 0 4px #dff0e6}.range{padding:7px 9px;font-size:9px}.stats-grid{gap:8px}.stat-card{padding:13px;min-height:111px}.stat-top{font-size:10px}.stat-value{font-size:23px}.stat-foot{font-size:9px}.content-grid{gap:9px;margin-top:9px}.panel{padding:15px}.chart-wrap{height:145px}.source-panel{grid-template-columns:1fr}.source-panel .panel-head{grid-column:auto}.source-chart{height:112px}.source-legend{grid-template-columns:1fr 1fr}.leads-panel{margin-top:9px;padding:15px 12px 0}.lead-panel-head .button{padding:8px 9px;font-size:9px}.table-tools{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.table-tools select{flex:1;min-width:0;height:32px}.table-scroll{min-height:140px}footer{font-size:8px}}
.status-pill.Confirmed{background:#e6f4eb;color:#4c986e}
.status-pill.Awaiting.WhatsApp{background:#fff2e8;color:#c97950}.status-pill.WhatsApp.received{background:#eaf0ff;color:#667cc0}