@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#17201e;font-synthesis:none;--ink:#17201e;--muted:#73807d;--line:#dfe5e1;--lime:#dfff69;--teal:#159b87;background:#eff2ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#f2f4f2;grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{color:#f4f8f6;background:#101313;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 7px 30px;display:flex}.brand-mark{letter-spacing:-1px;width:38px;height:38px;color:var(--lime);border:1px solid #47504d;border-radius:12px;place-items:center;font-family:Manrope;font-weight:800;display:grid}.brand b{letter-spacing:1.3px;font:700 13px Manrope;display:block}.brand span{color:#87918e;letter-spacing:.5px;margin-top:3px;font-size:10px;display:block}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button,.sidebar-bottom>button{color:#87918e;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#232a28}.sidebar nav button.active svg{color:var(--lime)}.sidebar nav em{color:#cbd5d1;background:#323a37;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%}.profile{border-top:1px solid #2a302e;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:20px 7px 0;display:grid}.profile b{font-size:12px;display:block}.profile span{color:#737e7a;font-size:10px}.avatar{background:var(--lime);color:#17201e;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;font-weight:700;display:grid}.avatar.dark{color:#e9efec;background:#303735}.avatar.large{width:50px;height:50px;font-size:14px}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.global-search{color:#88938f;background:#f7f8f7;border:1px solid #e0e5e2;border-radius:10px;align-items:center;width:min(490px,50vw);height:40px;padding:0 12px;display:flex}.global-search input{background:0 0;border:0;outline:0;flex:1;padding:0 10px;font-size:12px}.global-search kbd{background:#fff;border:1px solid #d8ddda;border-radius:5px;padding:3px 6px;font-size:10px}.top-actions{align-items:center;gap:9px;display:flex}.top-actions button,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative}.top-actions button i{background:#e56755;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.top-actions .help{color:#68736f;font-weight:600}.mobile-menu{background:0 0;border:0;display:none}.content{max-width:1500px;margin:0 auto;padding:34px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.eyebrow{color:#8b9692;letter-spacing:1.5px;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.welcome h1{letter-spacing:-1px;margin:0 0 7px;font:700 30px Manrope}.welcome p{color:var(--muted);margin:0;font-size:13px}.primary{background:var(--ink);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:600;display:flex}.primary:hover{background:#2e3835}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:16px}.metric{gap:13px;min-height:124px;padding:19px;display:flex;position:relative}.metric-icon{border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.metric-icon.lime{background:#efffc0}.metric-icon.orange{background:#fff0d1}.metric-icon.teal{background:#d7f5f0}.metric-icon.violet{background:#eae3ff}.metric span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.metric strong{font:700 21px Manrope;display:block}.metric small{color:#a0aaa6;margin-top:6px;font-size:9px;display:block}.metric small.positive{color:#168d72}.metric-arrow{color:#a7b0ad;position:absolute;top:19px;right:17px}.workspace-grid{grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px;display:grid}.pipeline-card,.focus-card,.leads-card{padding:22px}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head h2{letter-spacing:-.3px;margin:0;font:700 17px Manrope}.period,.list-tools button{border:1px solid var(--line);color:#5d6965;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.chart-wrap{grid-template-columns:43px 1fr;height:220px;margin-top:22px;display:grid}.chart-y{color:#98a29e;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:8px;display:flex}.chart{border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 48px,#edf0ee 49px);justify-content:space-around;align-items:flex-end;padding:0 14px;display:flex;position:relative}.goal-line{border-top:1px dashed #a7b1ad;position:absolute;top:25%;left:0;right:0}.goal-line span{color:#818c88;background:#fff;font-size:8px;position:absolute;top:-15px;right:4px}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:20%;height:100%;display:flex;position:relative}.bar{border-radius:6px 6px 0 0;width:45%;min-width:28px}.bar-col>span{color:#707c78;height:25px;padding-top:8px;font-size:8px}.bar-value{margin-bottom:4px;font-size:9px;font-weight:700}.chart-summary{background:#f6f8f6;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:13px;padding:12px;display:grid}.chart-summary div+div{border-left:1px solid var(--line);padding-left:18px}.chart-summary span{color:#8c9692;font-size:8px;display:block}.chart-summary b{font-size:11px}.task{border-bottom:1px solid #edf0ee;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:14px 2px;display:grid}.task.featured{background:#f3ffce;border:0;border-radius:11px;margin:17px -7px 2px;padding:14px 10px}.task-icon{color:#4a5753;background:#fff;border:1px solid #dfe5e1;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.task b,.task span,.task small{display:block}.task b{margin-bottom:2px;font-size:11px}.task span{color:#6f7b77;font-size:10px}.task small{color:#96a09c;margin-top:7px;font-size:8px}.task small svg{vertical-align:-2px}.task>button{color:#9da7a3;background:#fff;border:1px solid #dbe1de;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.task>button:hover{color:#118b74;border-color:#118b74}.view-all{color:#35413d;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;padding:15px 0 0;font-size:10px;font-weight:600;display:flex}.leads-card{padding-bottom:12px}.list-tools{gap:7px;display:flex}.list-tools button:last-child{color:#fff;background:#17201e;border-color:#17201e}.lead-layout{grid-template-columns:1.6fr .75fr;gap:18px;margin-top:17px;display:grid}.table-head,.lead-row{grid-template-columns:1.7fr .8fr .7fr .5fr;align-items:center;padding:10px 12px;display:grid}.table-head{color:#929c98;border-bottom:1px solid var(--line);font-size:8px}.lead-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ee;width:100%;min-height:61px;font-size:10px}.lead-row:hover,.lead-row.selected{background:#f6f8f6}.lead-row.selected{box-shadow:inset 3px 0 var(--teal)}.contact-cell{align-items:center;gap:10px;display:flex}.contact-cell b,.contact-cell small{display:block}.contact-cell b{font-size:11px}.contact-cell small{color:#87928e;margin-top:2px;font-size:9px}.stage{background:#eaf0ee;border-radius:14px;padding:5px 8px;font-size:8px;font-style:normal}.stage.calificado{color:#087e69;background:#d9f5ef}.stage.propuesta{color:#86610a;background:#fff0c9}.stage.negociacion{color:#73449b;background:#f4e5ff}.score{align-items:center;gap:6px;font-weight:700;display:flex}.score i{background:linear-gradient(90deg,var(--teal) var(--score),#e6ebe8 var(--score));border-radius:4px;width:28px;height:4px}.lead-detail{background:#f7f9f7;border-radius:12px;padding:16px}.detail-top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.detail-top h3{margin:0;font:700 14px Manrope}.detail-top p{color:#7c8884;margin:4px 0;font-size:8px}.detail-top button{color:#89938f;background:0 0;border:0}.detail-score{border:1px solid var(--line);color:#68746f;background:#fff;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:15px 0;padding:10px;font-size:9px;display:grid}.detail-score svg{color:#159b87}.detail-score b{color:#17201e;font-size:14px}.detail-info{color:#5c6864;flex-direction:column;gap:10px;font-size:9px;display:flex}.detail-info span{align-items:center;gap:7px;display:flex}.detail-info svg{width:14px}.detail-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;display:grid}.detail-actions button,.open-record{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:9px;font-weight:600;display:flex}.detail-actions button:first-child{color:#fff;background:#17201e}.detail-actions svg{width:14px}.open-record{background:0 0;border:0;width:100%;margin-top:6px}.modal-backdrop{z-index:20;background:#10131399;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(620px,100%);padding:25px;box-shadow:0 30px 80px #0004}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:17px;display:flex}.modal-head h2{margin:0;font:700 22px Manrope}.modal-head button{background:#f2f4f2;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin:21px 0;display:grid}.form-grid label{color:#5e6965;font-size:10px;font-weight:600}.form-grid input{border:1px solid var(--line);border-radius:8px;outline:0;width:100%;margin-top:7px;padding:11px;font-size:11px;display:block}.form-grid input:focus{border-color:#169984;box-shadow:0 0 0 3px #16998418}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 16px;font-size:11px}.toast{color:#fff;z-index:30;background:#16201d;border-radius:10px;align-items:center;gap:8px;padding:12px 17px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #0003}.toast svg{color:var(--lime)}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.workspace-grid,.lead-layout{grid-template-columns:1fr}.lead-detail{display:none}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 16px}.mobile-menu{display:block}.global-search{flex:1;width:auto;margin:0 12px}.global-search kbd{display:none}.content{padding:22px 16px}.welcome{align-items:start}.welcome h1{font-size:25px}.welcome p{max-width:230px}.metrics{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr}.pipeline-card,.focus-card,.leads-card{padding:17px}.table-head,.lead-row{grid-template-columns:1.6fr .75fr .6fr}.table-head span:last-child,.lead-row>span:last-child{display:none}.form-grid{grid-template-columns:1fr}.list-tools button:first-child{display:none}}@media (width<=480px){.metrics{grid-template-columns:1fr}.welcome{display:block}.welcome .primary{margin-top:18px}.top-actions .help{display:none}.chart-summary{grid-template-columns:1fr}.chart-summary div+div{border-left:0;margin-top:8px;padding-left:0}.lead-row{padding:9px 5px}.contact-cell .avatar{display:none}}