:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#17243b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f4f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#101c32;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;padding:27px 17px 20px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:37px;padding:0 9px;display:flex}.brand-mark{color:#6ea3ff;border:1px solid #4c8dff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:23px;font-weight:800;display:grid}.brand strong,.brand span,.company-switch strong,.company-switch span,.profile strong,.profile span{display:block}.brand strong{letter-spacing:1.4px;font-size:16px}.brand span{color:#8290a8;letter-spacing:2px;margin-top:3px;font-size:9px}.company-switch{background:#1b2a43;border:1px solid #2a3b57;border-radius:12px;align-items:center;gap:10px;min-height:65px;margin-bottom:34px;padding:11px;display:flex}.company-icon{color:#a9caff;background:#29466d;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid!important}.company-switch strong,.profile strong{font-size:12px}.company-switch div span,.profile div span{color:#8d9bb1;margin-top:4px;font-size:10px}.chevron{color:#8997ae;margin-left:auto}.nav-caption{color:#6f7e96;letter-spacing:1.3px;margin-bottom:12px;padding:0 10px;font-size:9px}.side-nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#a9b5c8;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 11px;font-size:13px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#1b2b45}.nav-item.active{color:#fff;background:#244a82}.nav-icon{text-align:center;width:20px;font-size:18px}.nav-count{color:#dceaff;background:#3969a8;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px}.sidebar-bottom{margin-top:auto}.connection{color:#8d9bb1;border-bottom:1px solid #29374e;margin-bottom:17px;padding:13px 10px;font-size:11px}.connection span{background:#e4aa51;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.profile{align-items:center;gap:10px;padding:0 5px;display:flex}.avatar{color:#28528a;background:#dce8fa;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;height:72px;padding:0 38px;display:flex}.breadcrumb{color:#8a96a8;font-size:12px}.breadcrumb span{color:#c2cbd8;margin:0 9px}.top-actions{align-items:center;gap:18px;display:flex}.demo-label{letter-spacing:1px;color:#a77a31;background:#fff5df;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700}.icon-button{color:#6d7c91;background:0 0;border:0;font-size:19px}.content{max-width:1450px;margin:0 auto;padding:37px 42px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#7590b5;letter-spacing:1.6px;font-size:9px;font-weight:700}h1{color:#182944;letter-spacing:-.8px;margin:8px 0 6px;font-size:29px}.page-heading p{color:#8793a5;margin:0;font-size:13px}.primary-button{color:#fff;background:#2864b8;border:0;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #2864b825}.primary-button:hover{background:#1d529e}.welcome-panel{color:#fff;background:linear-gradient(115deg,#142744 0%,#1b3b68 60%,#285b9d 100%);border-radius:15px;justify-content:space-between;align-items:center;min-height:195px;padding:30px 35px;display:flex;position:relative;overflow:hidden}.welcome-tag{color:#a8c9f9;letter-spacing:2px;font-size:9px;font-weight:700}.welcome-panel h2{letter-spacing:-.5px;margin:12px 0 8px;font-size:24px;line-height:1.3}.welcome-panel p{color:#c2d2e8;margin:0;font-size:12px}.welcome-art{place-items:center;width:210px;height:160px;display:grid;position:relative}.art-circle{color:#c4dcff;border:1px solid #80b1f5;border-radius:34px;place-items:center;width:125px;height:125px;font-size:57px;font-weight:800;display:grid;transform:rotate(45deg);box-shadow:0 0 50px #72a8f133,inset 0 0 30px #72a8f122}.art-line{border:1px solid #ffffff25;border-radius:50%;width:190px;height:190px;position:absolute}.section-heading{justify-content:space-between;align-items:center;margin:30px 0 15px;display:flex}.section-heading h2,.panel-heading h2{color:#243550;margin:0;font-size:15px}.section-heading>span{color:#a0a9b7;font-size:10px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;min-height:122px;padding:19px;position:relative;box-shadow:0 3px 12px #243b5a05}.stat-card>span{color:#7d8ba0;font-size:11px;display:block}.stat-card strong{color:#1d304d;margin-top:8px;font-size:28px;display:block}.stat-card small{color:#a3adba;margin-top:3px;font-size:10px;display:block}.stat-icon{color:#617d9f;background:#edf2f8;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;position:absolute;top:17px;right:16px}.stat-icon.blue{color:#4382dc;background:#eaf2ff}.stat-icon.orange{color:#dc9948;background:#fff4e7}.stat-icon.green{color:#42a776;background:#e8f7ef}.panel{background:#fff;border:1px solid #edf0f5;border-radius:12px;box-shadow:0 3px 12px #243b5a05}.leads-panel{margin-top:25px;overflow:hidden}.panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.panel-heading p{color:#9aa5b4;margin:5px 0 0;font-size:10px}.text-button{color:#3975c2;background:0 0;border:0;font-size:11px;font-weight:600}.lead-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f2f6;align-items:center;gap:13px;width:100%;padding:14px 21px;transition:background .15s;display:flex}.lead-row:last-child{border-bottom:0}.lead-row:hover{background:#f8faff}.lead-avatar{color:#52739f;background:#edf2fa;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.lead-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.lead-info strong{color:#293b56;font-size:12px}.lead-info span{color:#9aa5b4;font-size:10px}.status{white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:600}.status-new{color:#3271c5;background:#eaf2ff}.status-progress{color:#b17b2d;background:#fff4df}.status-done{color:#33916a;background:#e8f7ef}.lead-date{color:#a0aab8;text-align:right;min-width:100px;font-size:10px}.row-arrow{color:#aab5c3;font-size:20px}.lead-detail .back-button{color:#3975c2;background:0 0;border:0;margin-bottom:25px;padding:0;font-size:12px}.detail-panel{padding:23px}.detail-panel h3{margin:0 0 20px;font-size:15px}.detail-panel p{color:#75839a;border-bottom:1px solid #edf0f5;padding:10px 0;font-size:13px}.detail-panel strong{color:#243550}.detail-panel .demo-note{color:#9b7b40;background:#fff8e9;border:0;border-radius:7px;padding:12px;font-size:11px}.empty-section{background:#fff;border:1px solid #edf0f5;border-radius:14px;min-height:400px;padding:45px;position:relative}.empty-section h1{margin-top:12px}.empty-section p{color:#8793a5;font-size:13px}.empty-section>span:last-child{color:#a0a9b7;font-size:11px}.empty-icon{color:#c4d8f4;margin:40px 0 15px;font-size:65px}footer{text-align:center;color:#aab3c0;padding:34px 0 10px;font-size:10px}footer span{color:#cbd2dc;padding:0 6px}.mobile-nav{display:none}@media (width<=1100px){.sidebar{width:220px}.content{padding:30px 25px 20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-date{display:none}}@media (width<=700px){.app-shell{padding-bottom:72px;display:block}.sidebar{display:none}.topbar{height:58px;padding:0 17px}.top-actions{gap:11px}.content{padding:25px 15px 15px}.page-heading{align-items:flex-start;margin-bottom:20px}h1{font-size:25px}.page-heading p{font-size:11px}.primary-button{padding:9px 11px;font-size:10px}.welcome-panel{border-radius:12px;min-height:175px;padding:22px 19px}.welcome-panel h2{font-size:19px}.welcome-panel p{max-width:230px;font-size:10px;line-height:1.5}.welcome-art{opacity:.35;position:absolute;right:-75px}.section-heading{margin-top:25px}.section-heading h2{font-size:14px}.section-heading>span{font-size:9px}.stats-grid{gap:9px}.stat-card{min-height:108px;padding:14px}.stat-card strong{font-size:24px}.stat-card>span{font-size:10px}.stat-card small{font-size:9px}.stat-icon{width:27px;height:27px;font-size:13px;top:12px;right:11px}.leads-panel{margin-top:19px}.panel-heading{padding:16px}.panel-heading h2{font-size:13px}.lead-row{gap:9px;padding:13px 12px}.lead-avatar{width:32px;height:32px}.lead-info strong{font-size:10px}.lead-info span{font-size:9px}.status{padding:5px 6px;font-size:8px}.row-arrow{display:none}.mobile-nav{z-index:10;height:66px;padding:5px 7px max(5px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9edf3;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:#8d99aa;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:52px;font-size:9px;display:flex}.mobile-tab span{font-size:19px;line-height:1}.mobile-tab.active{color:#2864b8;font-weight:700}.empty-section{min-height:350px;padding:25px}.detail-panel{padding:17px}footer{padding-bottom:15px}}@media (width<=380px){.welcome-panel h2{font-size:17px}.section-heading>span{display:none}.status{font-size:7px}}