/* LoopLead 0.2 — global SaaS dashboard */
:root{--su-bg:#f5f7fb;--su-text:#111827;--su-muted:#667085;--su-purple:#6d28d9;--su-deep:#17112b;--su-border:#e5e7eb;--su-green:#16824b;--su-red:#b42318;--su-type-xs:.75rem;--su-type-sm:.875rem;--su-type-md:1rem;--su-type-lg:1.25rem;--su-type-xl:2rem;--su-leading:1.5}
.looplead-page{background:var(--su-bg);font-feature-settings:"cv02","cv03","cv04","cv11"}.su-shell{grid-template-columns:264px minmax(0,1fr)}.su-side{padding:30px 22px;background:linear-gradient(180deg,#17112b 0%,#241546 100%);box-shadow:18px 0 50px rgba(27,16,52,.08)}.su-side .su-logo{padding:0 6px}.su-side .su-logo strong{font-size:22px;letter-spacing:-.035em}.su-side .su-logo img{width:45px;height:45px;border:0;border-radius:14px;background:#fff}.su-nav{gap:8px;margin-top:44px}.su-nav button{min-height:48px;padding:12px 14px;border-radius:13px;color:#cfc7de;font-size:14px;font-weight:650;transition:background .16s ease,color .16s ease}.su-nav button.active,.su-nav button:hover{background:rgba(255,255,255,.12);color:#fff}.su-account{padding:22px 7px 2px}.su-account strong{font-size:14px}.su-account span{margin-top:5px;font-size:12px}.su-account button{margin-top:14px;font-size:13px}
.su-main{width:100%;max-width:1500px;margin:0 auto;padding:42px 54px 80px;font-size:var(--su-type-md);font-weight:400;line-height:var(--su-leading)}.su-appbar,.su-add-primary,.su-quick-actions,.su-bottom-nav{display:none}.su-top{align-items:center}.su-kicker{color:#7c3aed;font-size:var(--su-type-xs);letter-spacing:.14em}.su-top h1{margin:7px 0 6px;font-size:var(--su-type-xl);font-weight:700;line-height:1.2;letter-spacing:-.04em}.su-top p{font-size:var(--su-type-md)}.su-top-actions{align-items:center}.looplead-page .su-btn{min-height:44px;border-radius:11px;font-size:var(--su-type-sm);font-weight:700;line-height:1.25}.su-btn.ai{box-shadow:none}
.su-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin:30px 0 26px;padding:26px 30px;border:1px solid #ded4f5;border-radius:22px;background:linear-gradient(112deg,#241446 0%,#5725a8 55%,#7c3aed 100%);box-shadow:0 18px 45px rgba(73,39,125,.16);color:#fff}.su-welcome::after{content:"";position:absolute;right:-40px;top:-95px;width:260px;height:260px;border:55px solid rgba(255,255,255,.08);border-radius:50%}.su-welcome>div{position:relative;z-index:1}.su-welcome small{display:block;margin-bottom:7px;color:#d9ccf7;font-size:var(--su-type-xs);font-weight:800;letter-spacing:.12em}.su-welcome strong{display:block;font-size:1.375rem;line-height:1.3;letter-spacing:-.025em}.su-welcome>div>span{display:block;margin-top:7px;color:#e8e2f3;font-size:var(--su-type-sm)}.su-welcome-metric{min-width:130px;padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.1);text-align:center;backdrop-filter:blur(12px)}.su-welcome-metric b{display:block;font-size:var(--su-type-xl);line-height:1}.su-welcome-metric span{display:block!important;margin-top:6px!important;color:#eee8fa!important;font-size:var(--su-type-xs)!important}
.su-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 12px}.su-section-head>div{display:grid;gap:3px}.su-section-head small{color:#8b5cf6;font-size:var(--su-type-xs);font-weight:850;letter-spacing:.14em}.su-section-head h2{margin:0;font-size:var(--su-type-lg);font-weight:700;line-height:1.3;letter-spacing:-.025em}.su-section-head button{border:0;background:transparent;color:#6d28d9;font-size:var(--su-type-sm);font-weight:750;cursor:pointer}.su-prospect-head{margin-top:30px}.su-stats{gap:16px;margin:0}.su-stat{position:relative;min-height:142px;padding:21px 22px;border:1px solid transparent;border-radius:19px;box-shadow:0 12px 28px rgba(31,22,55,.06)}.su-stat span{display:flex;align-items:center;gap:8px;font-size:var(--su-type-sm);line-height:1.35}.su-stat span i{display:inline;font-size:1.125rem;font-style:normal}.su-stat b{margin-top:14px;font-size:var(--su-type-xl);font-weight:700;line-height:1.1;letter-spacing:-.045em}.su-stat small{display:block;margin-top:5px;color:var(--su-muted);font-size:.8125rem}.su-stat.hot{background:linear-gradient(145deg,#fffaf0,#fff3d9);border-color:#f5deb1}.su-stat.total{background:linear-gradient(145deg,#faf7ff,#f1eaff);border-color:#dfd2f7}.su-stat.active{background:linear-gradient(145deg,#f2fff8,#e7f8ef);border-color:#cfeedd}.su-stat.won{background:linear-gradient(145deg,#f4f8ff,#e8f0ff);border-color:#d5e1f7}.su-stat.hot span{color:#a95a00}.su-stat.total span{color:#6d28d9}.su-stat.active span{color:#087a49}.su-stat.won span{color:#2559a7}.su-stat-link::after{right:20px;bottom:18px;color:currentColor;opacity:.5}
.su-sample-banner{margin:22px 0 0;padding:17px 20px;border-color:#ddd3f1;background:#fff}.su-sample-banner p{font-size:var(--su-type-sm)}.su-workspace{border-color:#e6e8ec;border-radius:20px;box-shadow:0 14px 38px rgba(25,20,41,.06)}.su-toolbar{align-items:center;padding:15px 17px}.su-tabs{background:#f2f3f7}.su-tabs button{font-size:var(--su-type-sm);line-height:1.25;font-weight:650}.su-tabs button.active{color:#5b21b6}.su-search-wrap{position:relative}.su-search-wrap>span{position:absolute;z-index:1;top:50%;left:14px;display:block;transform:translateY(-50%);color:#7c8494;font-size:1.375rem}.su-search{width:320px;padding-left:42px;background:#fafbfc;font-size:var(--su-type-sm)}.su-table{font-size:var(--su-type-sm)}.su-table th{padding-block:13px;background:#fafbfc;color:#7b8190;font-size:var(--su-type-xs);line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.su-table td{padding-block:17px;font-size:var(--su-type-sm);line-height:1.45}.su-table td strong{font-size:.9375rem}.su-table td small{font-size:.8125rem}.su-badge{font-size:var(--su-type-xs)}.su-empty{min-height:330px}.su-empty-illustration{display:grid;place-items:center;width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,#f0eaff,#faf8ff);color:#6d28d9}.su-empty-illustration span{display:grid;place-items:center;width:44px;height:54px;border:3px solid #8b5cf6;border-radius:9px;font-size:1.5rem;font-weight:900}.su-empty h2{margin:17px 0 6px;font-size:var(--su-type-lg);line-height:1.3}.su-empty p{font-size:var(--su-type-sm)}
@media(max-width:1100px){.su-main{padding-inline:32px}.su-shell{grid-template-columns:226px minmax(0,1fr)}.su-stat{padding:18px}.su-search{width:260px}}
@media(max-width:900px){.looplead-page{background:#f8f9fc}.su-shell{display:block}.su-side{display:none}.su-main{max-width:760px;margin:0 auto;padding:0 18px 112px}.su-top{display:none}.su-appbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;margin:0 -18px;padding:12px 18px;border-bottom:1px solid #eceef2;background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}.su-appbar .su-logo{gap:9px}.su-appbar .su-logo-side img{width:42px;height:42px;border:1px solid #ece7f4;border-radius:13px;background:#fff}.su-appbar .su-logo strong{font-size:var(--su-type-lg)}.su-appbar-actions{display:flex;align-items:center;gap:9px}.su-icon-btn,.su-avatar{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:999px;background:#f2eff8;color:#271446;font-weight:850;cursor:pointer}.su-icon-btn{font-size:1.125rem}.su-icon-btn i{position:absolute;right:5px;top:5px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#ef4444}.su-avatar{background:#261745;color:#fff;font-size:var(--su-type-xs)}.su-welcome{margin:17px 0 14px;padding:20px;border-radius:19px}.su-welcome strong{font-size:1.125rem}.su-welcome>div>span{max-width:440px;font-size:var(--su-type-sm)}.su-welcome-metric{min-width:104px;padding:12px}.su-welcome-metric b{font-size:1.75rem}.su-add-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;border:0;border-radius:16px;background:linear-gradient(135deg,#6328cf,#8438e8);box-shadow:0 12px 26px rgba(109,40,217,.23);color:#fff;font-size:var(--su-type-sm);font-weight:800;cursor:pointer}.su-add-primary span{margin-left:auto;font-size:1.375rem;font-weight:400}.su-add-primary b{margin-left:auto;padding-right:18px;font-size:1.5rem;font-weight:400}.su-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:13px 0 25px}.su-quick-actions button{display:flex;min-width:0;min-height:80px;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid #ebecef;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(30,20,50,.04);color:#25202d;font-size:var(--su-type-xs);line-height:1.25;cursor:pointer}.su-quick-actions span{color:#6d28d9;font-size:1.375rem}.su-section-head{margin-bottom:10px}.su-section-head h2{font-size:1.125rem}.su-section-head button{font-size:.8125rem}.su-stats{grid-template-columns:1fr 1fr;gap:11px}.su-stat{min-height:121px;padding:16px}.su-stat b{margin-top:8px;font-size:1.75rem}.su-stat-link::after{display:none}.su-sample-banner{margin-top:17px}.su-prospect-head{margin-top:26px}.su-workspace{border:0;box-shadow:0 8px 25px rgba(30,20,50,.05)}.su-toolbar{align-items:stretch;flex-direction:column;padding:12px}.su-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.su-tabs button{padding:9px 5px;font-size:.8125rem}.su-tabs button.active{background:linear-gradient(135deg,#6d28d9,#8438e8);color:#fff}.su-search-wrap{width:100%}.su-search{width:100%}.su-bottom-nav{position:fixed;z-index:9999;left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);width:min(760px,100%);transform:translateX(-50%);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #e8e9ee;background:rgba(255,255,255,.96);box-shadow:0 -8px 25px rgba(30,20,50,.08);backdrop-filter:blur(18px)}.su-bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:3px;border:0;background:transparent;color:#707685;font-size:.6875rem;line-height:1.2;cursor:pointer}.su-bottom-nav span{font-size:1.25rem}.su-bottom-nav button.active{color:#6d28d9;font-weight:800}}
@media(max-width:680px){.su-main{padding-inline:13px}.su-appbar{margin-inline:-13px;padding-inline:13px}.su-welcome-metric{display:none}.su-welcome>div>span{max-width:90%}.su-quick-actions{gap:7px}.su-quick-actions button{min-height:76px;padding:5px;font-size:10px}.su-stats{gap:9px}.su-stat{min-height:116px}.su-table-wrap{display:none}.su-mobile-list{display:block}.su-mobile-card{padding:17px 15px}.su-mobile-card p{font-size:14px}.su-search-wrap>span{left:12px}.su-sample-banner{align-items:stretch;flex-direction:column;gap:12px}.su-sample-banner .su-btn{width:100%}}
@media(max-width:420px){.su-welcome{padding:18px}.su-welcome strong{font-size:1.0625rem}.su-section-head h2{font-size:1.0625rem}.su-stat span{font-size:.8125rem}}

/* 0.3 recommendation engine */
.su-recommendation-cell{display:grid;gap:6px;max-width:360px}.su-recommendation-cell small{margin:0!important;line-height:1.45}.su-action-badge{display:inline-flex;width:max-content;align-items:center;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:800;line-height:1.2}.su-action-badge.follow{background:#ede9fe;color:#5b21b6}.su-action-badge.space{background:#fff4d6;color:#9a5700}.su-action-badge.close{background:#f1f3f5;color:#49515b}.su-action-badge.complete{background:#dcfce7;color:#166534}.su-recommendation-preview{display:grid;gap:10px;padding:16px 18px;border:1px solid #ded5f2;border-radius:16px;background:linear-gradient(135deg,#faf8ff,#fff)}.su-recommendation-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.su-recommendation-preview span{color:#7c3aed;font-size:.6875rem;font-weight:850;letter-spacing:.12em}.su-recommendation-preview strong{font-size:1rem}.su-recommendation-preview strong.follow{color:#5b21b6}.su-recommendation-preview strong.space{color:#9a5700}.su-recommendation-preview strong.close{color:#49515b}.su-recommendation-preview strong.complete{color:#166534}.su-recommendation-preview p{margin:0;color:var(--su-text);font-size:.875rem;line-height:1.5}.su-recommendation-preview small{color:var(--su-muted);font-size:.8125rem}.su-next-date{margin:10px 0 12px!important;font-size:.8125rem!important}
@media(max-width:680px){.su-recommendation-cell{margin:13px 0}.su-recommendation-cell small{font-size:.8125rem}.su-recommendation-preview>div{align-items:flex-start;flex-direction:column;gap:5px}}