:root{--bg:#0b0f17;--bg-soft:#111726;--card:#141c2e;--card-hover:#19233a;--border:#1f2a42;--text:#e8edf7;--text-dim:#8b97ad;--text-faint:#5b6780;--accent:#ff7a2f;--accent-soft:#ff7a2f24;--blue:#4f8ef7;--blue-soft:#4f8ef724;--green:#2dd4a0;--green-soft:#2dd4a024;--purple:#a78bfa;--purple-soft:#a78bfa24;--red:#f87171;--radius:14px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}#root{min-height:100vh}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-soft);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:240px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;padding:6px 10px 22px;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), #ffb347);color:#1a0f05;border-radius:10px;place-items:center;width:36px;height:36px;font-size:17px;font-weight:800;display:grid}.logo-text{letter-spacing:-.3px;font-size:17px;font-weight:700}.logo-text span{color:var(--accent)}.logo-sub{color:var(--text-faint);letter-spacing:.6px;text-transform:uppercase;font-size:10px}.nav-item{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);margin-top:auto;padding:14px;font-size:12px;line-height:1.5}.sidebar-footer strong{color:var(--accent);font-size:16px;display:block}.main{flex:1;min-width:0;padding:24px 30px 40px}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.header h1{letter-spacing:-.4px;font-size:22px;font-weight:700}.header p{color:var(--text-dim);margin-top:4px;font-size:13px}.header-badges{gap:8px;display:flex}.badge{background:var(--card);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.badge .dot{background:var(--green);border-radius:50%;width:7px;height:7px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.card-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:13px;font-weight:600}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.kpi{flex-direction:column;gap:8px;transition:background .15s;display:flex}.kpi:hover{background:var(--card-hover)}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.kpi-value{letter-spacing:-.5px;font-size:24px;font-weight:700}.kpi-label{color:var(--text-dim);font-size:12px}.delta{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.delta.up{color:var(--green);background:var(--green-soft)}.delta.down{color:var(--red);background:#f871711f}.grid-2{grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-2-even{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=980px){.grid-2,.grid-2-even{grid-template-columns:1fr}}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px}.table td{border-bottom:1px solid var(--border);padding:11px 10px;font-size:13px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}.rank-chip{background:var(--bg-soft);width:26px;height:26px;color:var(--text-dim);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.rank-chip.gold{color:#ffc400;background:#ffc40026}.pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.pill.live{background:var(--green-soft);color:var(--green)}.pill.scaling{background:var(--blue-soft);color:var(--blue)}.pill.pilot,.pill.new{background:var(--accent-soft);color:var(--accent)}.pill.contacted{background:var(--blue-soft);color:var(--blue)}.pill.quoted{background:var(--green-soft);color:var(--green)}.pill.rera{background:var(--purple-soft);color:var(--purple)}.pill.tender{background:var(--blue-soft);color:var(--blue)}.bar-track{background:var(--bg-soft);border-radius:999px;height:7px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), #ffb347);border-radius:999px;height:100%;transition:width .6s}.bar-fill.blue{background:linear-gradient(90deg, #3b76e0, var(--blue))}.bar-fill.green{background:linear-gradient(90deg, #18b487, var(--green))}.deliv-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.deliv-card{flex-direction:column;gap:10px;transition:transform .15s,background .15s;display:flex}.deliv-card:hover{background:var(--card-hover);transform:translateY(-2px)}.deliv-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.deliv-num{color:var(--text-faint);font-size:11px;font-weight:700}.deliv-name{margin-top:2px;font-size:14.5px;font-weight:650}.deliv-desc{color:var(--text-dim);flex:1;font-size:12.5px;line-height:1.5}.deliv-meta{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.timeline{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=980px){.timeline{grid-template-columns:1fr}}.phase-items{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.phase-items li{color:var(--text-dim);align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;display:flex}.pipeline{flex-direction:column;gap:12px;display:flex}.pipe-row{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;display:flex}.pipe-info{flex:1;min-width:0}.pipe-layer{font-size:13.5px;font-weight:650}.pipe-detail{color:var(--text-dim);margin-top:3px;font-size:12px}.pipe-metric{text-align:right;flex-shrink:0}.pipe-metric b{font-size:14px;display:block}.pipe-metric span{color:var(--green);font-size:11.5px}.section-gap{margin-bottom:14px}.role-switch{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:4px;margin:0 10px 18px;padding:4px;display:flex}.role-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 0;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.role-btn.active{background:var(--accent);color:#1a0f05}.role-btn:hover:not(.active){color:var(--text)}.rate-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.rate-row:last-child{border-bottom:none}.rate-up{color:var(--green);font-size:12px;font-weight:600}.rate-down{color:var(--red);font-size:12px;font-weight:600}.rate-flat{color:var(--text-faint);font-size:12px;font-weight:600}.rate-meta{color:var(--text-faint);flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11.5px;display:flex}.alert-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:11px 0;display:flex}.alert-row:last-child{border-bottom:none}.sev-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.sev-dot.high{background:var(--red);box-shadow:0 0 8px #f8717199}.sev-dot.med{background:var(--accent)}.sev-dot.low{background:var(--text-faint)}.alert-type{font-size:13px;font-weight:650}.alert-msg{color:var(--text-dim);margin-top:2px;font-size:12.5px;line-height:1.45}.alert-time{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:11px}.roi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.roi-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.roi-item b{letter-spacing:-.4px;font-size:19px;display:block}.roi-item span{color:var(--text-dim);font-size:11.5px}.roi-item.hl{background:var(--accent-soft);border-color:#ff7a2f4d}.roi-item.hl b{color:var(--accent)}.funnel-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.funnel-label{width:175px;color:var(--text-dim);flex-shrink:0;font-size:12.5px}.funnel-bar-wrap{flex:1}.funnel-bar{color:#1a0f05;background:linear-gradient(90deg, var(--accent), #ffb347);border-radius:8px;align-items:center;min-width:60px;height:30px;padding:0 12px;font-size:13px;font-weight:700;transition:width .5s;display:flex}.visit-card{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.visit-card:last-child{border-bottom:none}.visit-info{flex:1;min-width:0}.visit-dealer{font-size:14px;font-weight:650}.visit-reason{color:var(--text-dim);margin-top:4px;font-size:12.5px;line-height:1.5}.pill.urgent{color:var(--red);background:#f8717121}.pill.opportunity{background:var(--blue-soft);color:var(--blue)}.pill.celebrate{color:#ffc400;background:#ffc40021}.pill.converted{background:var(--green-soft);color:var(--green)}.back-btn{background:var(--card);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:10px;align-items:center;gap:7px;margin-bottom:16px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.back-btn:hover{color:var(--text);background:var(--card-hover)}.detail-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:4px;display:flex}.detail-avatar{background:linear-gradient(135deg, var(--accent), #ffb347);color:#1a0f05;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:grid}.detail-meta{color:var(--text-dim);flex-wrap:wrap;gap:14px;margin-top:5px;font-size:12.5px;display:flex}.clicky{cursor:pointer}.phone-wrap{justify-content:center;padding:10px 0 30px;display:flex}.phone{background:var(--card);border:1px solid var(--border);border-radius:28px;width:360px;max-width:100%;padding:26px 22px;box-shadow:0 24px 60px #00000073}.phone-rank{text-align:center;background:linear-gradient(135deg,#ff7a2f2e,#ffb34714);border:1px solid #ff7a2f4d;border-radius:16px;margin-bottom:16px;padding:18px}.phone-rank b{color:var(--accent);letter-spacing:-1px;font-size:34px;display:block}.phone-stat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.phone-stat:last-of-type{border-bottom:none}.phone-msg{background:var(--green-soft);color:var(--green);border:1px solid #2dd4a040;border-radius:12px;margin-top:16px;padding:13px 15px;font-size:12.5px;line-height:1.55}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:0 0}