@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#18242f;--muted:#73808c;--line:#e8edf1;--canvas:#f7f9fb;--white:#fff;--violet:#7157d9;--violet-soft:#f0edff;--blue:#4d82d8;--blue-soft:#edf4ff;--green:#2ca985;--green-soft:#e8f8f2;--amber:#e49c46;--amber-soft:#fff5e7;--red:#df665e;--shadow:0 4px 18px rgba(24,36,47,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px}button,a{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 14px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 11px 28px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--violet);color:white;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:12px;letter-spacing:-.5px}.brand strong{font-size:10px;letter-spacing:.3px;display:block;line-height:1.3}.brand span{font-size:9px;letter-spacing:2.3px;color:var(--muted);display:block}.workspace{background:#faf9ff;border:1px solid #ebe6ff;border-radius:10px;padding:11px;display:flex;align-items:center;gap:9px;margin:0 4px 26px}.workspace-dot{height:8px;width:8px;border-radius:50%;background:#38b58c}.workspace small{color:var(--muted);font-size:10px;display:block;margin-bottom:3px}.workspace strong{font-size:12px}.workspace b{color:#a1a8b0;margin-left:8px}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#a1abb5;margin:0}.nav-label{padding:0 12px 9px}.sidebar nav a,.sidebar-bottom>a{height:39px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:8px;color:#74808b;margin:2px 0;position:relative}.sidebar nav a.active{background:var(--violet-soft);color:var(--violet);font-weight:700}.nav-icon{font-size:18px;width:17px;text-align:center;font-weight:400}.sidebar nav em{font-style:normal;background:#f5d3a3;color:#a66a21;border-radius:12px;font-size:10px;padding:2px 6px;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-bottom>a{margin-bottom:14px}.user-card{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;align-items:center;gap:9px}.user-card strong{font-size:11px;display:block}.user-card span{color:var(--muted);font-size:10px;display:block;margin-top:3px}.user-card>b{margin-left:auto;letter-spacing:2px;color:#b3bbc2}.avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar-small{height:29px;width:29px;background:#dce2f0;color:#536486;font-size:9px}.avatar.violet{background:#e4ddff;color:#735bdd}.avatar.amber{background:#ffead1;color:#b87528}.avatar.blue{background:#dcecff;color:#5482c0}.avatar.green{background:#d8f3e9;color:#278c6f}.main-content{padding:38px 42px 20px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.topbar h1{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;margin:7px 0 4px}.topbar h1 span{color:#e0a13c;font-size:17px}.subhead{margin:0;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.search-trigger,.filter-button{background:#fff;border:1px solid var(--line);border-radius:8px;color:#93a0ab;height:36px;padding:0 11px;display:flex;align-items:center;gap:8px}.search-trigger span{min-width:112px;text-align:left;font-size:12px}.search-trigger kbd{border:1px solid #e8ebee;background:#fafbfc;border-radius:4px;padding:2px 5px;font-size:10px}.icon-button{height:36px;width:36px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#78848e;font-size:17px;position:relative}.icon-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e17872;top:8px;right:9px;border:1px solid #fff}.primary-button,.secondary-button{background:var(--violet);color:#fff;border-radius:8px;height:36px;padding:0 15px;font-weight:700;font-size:12px;box-shadow:0 3px 8px #7157d933}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-card{padding:17px;display:flex;align-items:flex-start;position:relative;min-height:112px}.metric-icon{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;font-size:17px;margin-right:12px}.metric-icon.violet{background:var(--violet-soft);color:var(--violet)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-copy>span{display:block;color:var(--muted);font-size:11px;margin:1px 0 7px}.metric-copy>strong{font-family:Manrope;font-size:22px;letter-spacing:-.7px}.metric-copy p{margin:5px 0 0;color:#9aa4ad;font-size:10px}.metric-copy p b{color:var(--green);font-weight:700}.metric-copy p.alert-text b{color:var(--red)}.metric-menu{position:absolute;right:15px;top:15px;color:#b3bbc2;letter-spacing:2px}.content-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.lower-grid{grid-template-columns:1fr 1fr}.panel{padding:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font-family:Manrope;font-size:16px;margin:6px 0 0;letter-spacing:-.3px}.count-pill{font-family:'DM Sans';font-size:10px;background:#f3f0ff;color:var(--violet);border-radius:8px;padding:3px 6px;vertical-align:2px;margin-left:5px}.text-button{color:var(--violet);font-size:11px;font-weight:700}.lead-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f2f4}.lead-main{min-width:0;flex:1}.lead-name{display:flex;gap:8px;align-items:center}.lead-name strong{font-size:12px}.lead-main p{font-size:11px;color:#697681;margin:4px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location{font-size:10px;color:#a0aab3}.score{font-size:10px;border-radius:10px;background:var(--amber-soft);color:#ae762d;padding:3px 6px}.score.hot{background:#eaf8f1;color:#2b9c78}.score small{font-size:8px}.lead-meta{width:125px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.stage{font-size:10px;padding:4px 7px;border-radius:5px}.stage.violet{color:var(--violet);background:var(--violet-soft)}.stage.amber{color:#b8782c;background:var(--amber-soft)}.stage.blue{color:#4f7ebf;background:var(--blue-soft)}.stage.green{color:#218a6b;background:var(--green-soft)}.next-action{font-size:10px;color:#8a969f}.row-actions{display:flex;gap:4px}.row-actions button{height:26px;width:26px;border:1px solid var(--line);border-radius:6px;color:#8c99a3;font-size:12px}.row-actions button:hover{background:#f8f7ff;color:var(--violet)}.funnel{padding:4px 0 15px}.funnel div{height:34px;margin:6px auto;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#fff;border-radius:5px;font-size:11px}.funnel div:nth-child(1){width:100%;background:#aa9de9}.funnel div:nth-child(2){width:87%;background:#9a8ae2}.funnel div:nth-child(3){width:70%;background:#8977da}.funnel div:nth-child(4){width:52%;background:#7a65d0}.funnel div:nth-child(5){width:34%;background:#6c55c5}.funnel strong{font-size:12px}.conversion{border-top:1px solid var(--line);padding-top:14px;color:#7c8892;font-size:11px;display:flex;justify-content:space-between}.conversion b{color:var(--ink);font-size:15px;margin-right:5px}.positive{color:var(--green);font-weight:700}.timeline-item{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-top:1px solid #f0f2f4;position:relative}.timeline-dot{height:8px;width:8px;border-radius:50%;margin:5px 4px 0 1px;box-shadow:0 0 0 4px #f4f1ff}.timeline-dot.violet{background:var(--violet)}.timeline-dot.blue{background:var(--blue);box-shadow:0 0 0 4px #edf4ff}.timeline-dot.green{background:var(--green);box-shadow:0 0 0 4px #e8f8f2}.timeline-dot.amber{background:var(--amber);box-shadow:0 0 0 4px #fff5e7}.timeline-item div{flex:1}.timeline-item strong{font-size:11px}.timeline-item p{font-size:10px;color:var(--muted);margin:4px 0 0}.timeline-item time{font-size:10px;color:#a1abb5}.project-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #f0f2f4}.project-thumb{height:42px;width:42px;border-radius:8px;display:grid;place-items:center;font-size:19px}.project-violet{background:#eae6ff;color:#7966d6}.project-blue{background:#deebff;color:#5c8bd2}.project-amber{background:#ffecd6;color:#c58435}.project-info{display:flex;flex-direction:column;gap:3px;flex:1}.project-info strong{font-size:11px}.project-info span,.project-info small{font-size:10px;color:var(--muted)}.project-info small{color:var(--ink);font-weight:600}.project-stat{text-align:right}.project-stat b{display:block;color:var(--violet);font-size:14px}.project-stat span{font-size:9px;color:var(--muted)}.insight-banner{border:1px solid #e3dcff;background:#f5f2ff;border-radius:12px;display:flex;align-items:center;gap:14px;padding:17px 20px;margin-bottom:20px}.insight-icon{height:35px;width:35px;border-radius:50%;background:#e4dcff;color:var(--violet);display:grid;place-items:center;font-size:17px}.insight-banner div:nth-child(2){flex:1}.insight-banner h3{font-family:Manrope;font-size:13px;margin:4px 0}.insight-banner p:not(.eyebrow){color:#7b71a1;margin:0;font-size:11px}.secondary-button{background:#fff;color:var(--violet);border:1px solid #ddd5ff;box-shadow:none}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}footer{color:#a6afb7;display:flex;gap:25px;font-size:10px;padding:0 2px}.mobile-header{display:none}.toast{position:fixed;bottom:22px;right:22px;background:#202c37;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;box-shadow:0 10px 30px #18242f33;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.sidebar{width:210px}.main-content{padding:30px 25px}.content-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.mobile-header{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:10px;position:sticky;top:0;z-index:3}.mobile-header .brand-mark{height:30px;width:30px}.mobile-title{font-family:Manrope;font-size:14px;flex:1}.mobile-header .icon-button{border:0}.sidebar{display:none}.main-content{padding:22px 14px 25px}.topbar{display:block;margin-bottom:20px}.topbar h1{font-size:21px}.top-actions{margin-top:18px}.search-trigger{flex:1}.primary-button{padding:0 12px}.top-actions>.icon-button{display:none}.metric-grid{gap:9px;margin-bottom:14px}.metric-card{padding:12px 11px;min-height:102px}.metric-icon{height:29px;width:29px;margin-right:8px;font-size:14px}.metric-copy>span{font-size:10px}.metric-copy>strong{font-size:19px}.metric-copy p{font-size:9px}.metric-menu{right:8px;top:10px;font-size:10px}.panel{padding:15px 13px}.lower-grid{grid-template-columns:1fr}.lead-row{gap:8px;align-items:flex-start}.lead-meta{width:93px}.row-actions{display:none}.lead-main p{max-width:155px}.insight-banner{align-items:flex-start;padding:14px}.insight-banner .secondary-button{display:none}footer{flex-wrap:wrap;gap:8px 15px}.content-grid{gap:14px;margin-bottom:14px}.eyebrow{font-size:9px}}