:root{--su-bg:#f7f5fb;--su-text:#171327;--su-muted:#6f6878;--su-purple:#6426c4;--su-deep:#271446;--su-border:#e5dfea;--su-green:#117b45;--su-red:#b42318}*{box-sizing:border-box}.susul-page{margin:0;background:var(--su-bg);color:var(--su-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.susul-page button,.susul-page input,.susul-page select,.susul-page textarea{font:inherit}.susul-loading{min-height:100vh;display:grid;place-items:center;color:var(--su-muted)}.su-hidden{display:none!important}.su-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e8deff,#f7f5fb 48%,#fff)}.su-auth-card{width:min(480px,100%);padding:40px;border:1px solid var(--su-border);border-radius:28px;background:#fffffff2;box-shadow:0 24px 75px #2714461c}.su-logo{display:flex;align-items:center;gap:13px}.su-logo-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#9b6aff,#6426c4);color:#fff;font-size:26px;font-weight:850}.su-logo span{display:grid}.su-logo strong{font-size:24px;line-height:1}.su-logo small{margin-top:5px;color:#7b7184}.su-auth h1{margin:35px 0 10px;font-size:35px;line-height:1.1}.su-auth p{margin:0;color:var(--su-muted);line-height:1.65}.su-form{display:grid;gap:13px;margin-top:28px}.su-label{display:grid;gap:7px;font-size:13px;font-weight:750;color:#4e4558}.su-input,.su-select,.su-textarea{width:100%;border:1px solid #d8cfe1;border-radius:12px;background:#fff;color:var(--su-text);padding:12px 13px;outline:0}.su-input:focus,.su-select:focus,.su-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.su-code{font-size:26px;letter-spacing:.22em;text-align:center;font-weight:800}.su-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid transparent;border-radius:12px;padding:10px 16px;background:var(--su-purple);color:#fff;font-weight:760;cursor:pointer;text-decoration:none}.su-btn:hover{filter:brightness(.96)}.su-btn:disabled{opacity:.55;cursor:not-allowed}.su-btn.secondary{border-color:#d8cfe1;background:#fff;color:#281f31}.su-btn.ghost{background:transparent;color:#5d5268}.su-btn.danger{background:#fff;color:var(--su-red);border-color:#f0c3be}.su-btn.whatsapp{background:var(--su-green)}.su-note{font-size:13px}.su-message{display:none;padding:11px 13px;border-radius:11px;background:#f0eafd;color:#4c1d95;font-size:13px}.su-message.show{display:block}.su-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.su-side{position:sticky;top:0;height:100vh;background:var(--su-deep);color:#fff;padding:26px 19px;display:flex;flex-direction:column}.su-side .su-logo small{color:#c8b7de}.su-nav{display:grid;gap:7px;margin-top:36px}.su-nav button{display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#d8cbea;padding:11px 12px;text-align:left;cursor:pointer}.su-nav button.active,.su-nav button:hover{background:#ffffff1f;color:#fff}.su-account{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff24;overflow:hidden}.su-account strong,.su-account span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-account span{margin-top:3px;color:#c5b5d9;font-size:12px}.su-account button{margin-top:10px;border:0;background:transparent;color:#d9c2ff;padding:0;cursor:pointer}.su-main{min-width:0;padding:34px 38px 64px}.su-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.su-kicker{color:#7c3aed;font-size:13px;font-weight:850;letter-spacing:.12em}.su-top h1{margin:5px 0 5px;font-size:32px;line-height:1.15}.su-top p{margin:0;color:var(--su-muted)}.su-top-actions{display:flex;gap:9px}.su-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.su-stat{padding:18px;border:1px solid var(--su-border);border-radius:18px;background:#fff;box-shadow:0 11px 34px #2e194f10}.su-stat.hot{border-color:#f0d16c;background:#fffbef}.su-stat span{display:block;color:var(--su-muted);font-size:13px;font-weight:750}.su-stat b{display:block;margin-top:8px;font-size:30px}.su-workspace{overflow:hidden;border:1px solid var(--su-border);border-radius:21px;background:#fff;box-shadow:0 14px 40px #2e194f10}.su-toolbar{display:flex;justify-content:space-between;gap:15px;padding:17px;border-bottom:1px solid #ebe6ef}.su-tabs{display:flex;padding:4px;border-radius:13px;background:#f0ecf4}.su-tabs button{border:0;border-radius:10px;background:transparent;color:#756d7e;padding:8px 13px;cursor:pointer}.su-tabs button.active{background:#fff;color:#21192b;box-shadow:0 2px 8px #24143714}.su-search{width:290px}.su-table-wrap{overflow:auto}.su-table{width:100%;border-collapse:collapse}.su-table th,.su-table td{padding:15px 17px;border-bottom:1px solid #eeeaf2;text-align:left;vertical-align:middle}.su-table th{color:#766e7d;font-size:12px}.su-table td strong,.su-table td small{display:block}.su-table td small{margin-top:4px;color:#766e7d}.su-actions{display:flex;justify-content:flex-end;gap:7px}.su-badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#eee9f5;color:#51455f;font-size:12px;font-weight:750}.su-badge.due{background:#fff0c2;color:#8d5200}.su-badge.won{background:#dcfce7;color:#166534}.su-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.su-empty-mark{font-size:43px}.su-empty h2{margin:10px 0 7px}.su-empty p{margin:0 0 18px;color:var(--su-muted)}.su-modal-backdrop{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px;background:#160d25a8;backdrop-filter:blur(4px)}.su-modal{width:min(760px,100%);max-height:94vh;overflow:auto;border-radius:22px;background:#fff;box-shadow:0 30px 90px #0d0718aa}.su-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--su-border)}.su-modal-head h2{margin:0;font-size:23px}.su-modal-head p{margin:6px 0 0;color:var(--su-muted);font-size:13px}.su-close{border:0;background:transparent;font-size:26px;color:#716778;cursor:pointer}.su-modal-body{padding:22px 24px}.su-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.su-wide{grid-column:1/-1}.su-modal-foot{display:flex;justify-content:space-between;gap:10px;padding:18px 24px;border-top:1px solid var(--su-border)}.su-modal-foot>div{display:flex;gap:9px}.su-mobile-list{display:none}.su-mobile-card{padding:17px;border-bottom:1px solid #eeeaf2}.su-mobile-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.su-mobile-card small{display:block;margin-top:4px;color:var(--su-muted)}.su-mobile-card p{margin:13px 0}.su-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.su-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.su-file{display:none}
.su-logo img{display:block;object-fit:contain}.su-logo-auth{justify-content:center}.su-logo-auth img{width:72px;height:72px}.su-logo-auth strong{font-size:30px}.su-logo-side img{width:58px;height:48px;padding:3px;border-radius:13px;background:#fff}
@media(max-width:900px){.su-shell{display:block}.su-side{position:static;height:auto;padding:14px 17px}.su-side .su-nav,.su-account{display:none}.su-main{padding:23px 16px 70px}.su-stats{grid-template-columns:1fr 1fr}.su-top p{display:none}.su-toolbar{align-items:stretch;flex-direction:column}.su-search{width:100%}.su-logo-side img{width:50px;height:40px}}
@media(max-width:680px){.su-top{align-items:center}.su-top h1{font-size:25px}.su-top-actions .secondary{display:none}.su-stats{gap:9px;margin:18px 0}.su-stat{padding:14px}.su-stat b{font-size:26px}.su-table-wrap{display:none}.su-mobile-list{display:block}.su-grid{grid-template-columns:1fr}.su-wide{grid-column:auto}.su-modal-foot{align-items:stretch;flex-direction:column}.su-modal-foot>div{display:grid}.su-auth-card{padding:30px 23px}.su-auth h1{font-size:30px}}
.su-profile-mobile{display:none}.su-profile-email{background:#f4f1f7;color:#746b7c;cursor:not-allowed}.su-profile-note,.su-field-help{margin:0;color:var(--su-muted);font-size:12px;font-weight:500;line-height:1.5}.su-profile-modal{width:min(680px,100%)}
@media(max-width:680px){.su-top-actions .su-profile-mobile{display:inline-flex}.su-top-actions{gap:7px}.su-top-actions .su-btn{padding-inline:12px}.su-profile-modal .su-wide{grid-column:auto}}
.su-stat-link{position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.su-stat-link::after{content:'→';position:absolute;right:17px;bottom:15px;color:#7c3aed;font-weight:850;opacity:.72}.su-stat-link:hover{transform:translateY(-2px);border-color:#c9b7ea;box-shadow:0 15px 38px #2e194f1a}.su-stat-link:focus-visible{outline:3px solid #8b5cf64d;outline-offset:3px}
@media(max-width:680px){.su-stat-link::after{right:13px;bottom:11px}}
.su-btn.ai{background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 8px 22px #6d28d92b}.su-btn.ai small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;color:#6426c4;font-size:11px}.su-ai-modal{width:min(860px,100%)}.su-ai-usage{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#f5f0ff;color:#4c1d95;font-size:13px}.su-ai-usage>div{display:grid;gap:3px}.su-ai-usage .su-topup-open{min-height:36px;padding:7px 11px;color:#6426c4}.su-ai-chat{min-height:210px;resize:vertical}.su-ai-options{margin-top:15px}.su-ai-privacy{margin:13px 0 0;color:var(--su-muted);font-size:12px;line-height:1.55}.su-ai-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.su-ai-result-grid article{padding:15px;border:1px solid var(--su-border);border-radius:14px;background:#faf9fc}.su-ai-result-grid article.wide{grid-column:1/-1}.su-ai-result-grid span{display:block;margin-bottom:7px;color:var(--su-muted);font-size:12px;font-weight:760}.su-ai-result-grid p{margin:0;line-height:1.55}.su-interest{display:inline-flex!important;width:max-content;margin:0!important;padding:5px 10px;border-radius:999px;background:#eee9f5;color:#51455f}.su-interest.high{background:#dcfce7;color:#166534}.su-interest.medium{background:#fff0c2;color:#8d5200}.su-interest.low{background:#fee2e2;color:#991b1b}.su-ai-drafts-title{margin:22px 0 12px}.su-ai-drafts{display:grid;gap:12px}.su-ai-drafts article{padding:16px;border:1px solid var(--su-border);border-radius:15px;background:#fff}.su-ai-drafts article>span{color:#6d28d9;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.su-ai-drafts p{margin:9px 0 14px;line-height:1.6;white-space:pre-wrap}.su-ai-drafts article>div{display:flex;justify-content:flex-end;gap:8px}.su-ai-modal .su-modal-foot>span{align-self:center;color:var(--su-muted);font-size:12px}.su-topup-modal{width:min(650px,100%)}.su-topup-email{margin:0 0 16px;color:var(--su-muted);font-size:13px}.su-topup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.su-topup-grid article{display:grid;gap:8px;padding:22px;border:1px solid var(--su-border);border-radius:18px;background:#faf9fc}.su-topup-grid article>strong{color:#6426c4;font-size:38px;line-height:1}.su-topup-grid article>span{color:var(--su-muted);font-size:13px}.su-topup-grid article>b{margin:5px 0 8px;font-size:24px}.su-topup-grid .su-btn{width:100%}
@media(max-width:900px){.su-top-actions{flex-wrap:wrap;justify-content:flex-end}.su-btn.ai{order:2}}
@media(max-width:680px){.su-btn.ai{order:0}.su-btn.ai small{display:none}.su-top-actions #su-add{font-size:0}.su-top-actions #su-add::after{content:'+';font-size:20px}.su-ai-options,.su-ai-result-grid,.su-topup-grid{grid-template-columns:1fr}.su-ai-result-grid article.wide{grid-column:auto}.su-ai-usage{align-items:stretch;flex-direction:column}.su-ai-usage .su-topup-open{width:100%}.su-ai-drafts article>div{display:grid;grid-template-columns:1fr 1fr}.su-ai-modal .su-modal-foot>span{display:none}}

/* 2.10 dashboard refresh */
.su-appbar,.su-welcome,.su-add-primary,.su-quick-actions,.su-section-head,.su-bottom-nav{display:none}.su-stat small{display:block;margin-top:3px;color:var(--su-muted);font-size:12px}.su-stat span i{display:none}.su-search-wrap{position:relative}.su-search-wrap>span{display:none}
@media(min-width:901px){
  .su-main{max-width:1500px;margin:0 auto;padding:32px 42px 70px}.su-top{display:none}.su-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:132px;overflow:hidden;margin:0 0 18px;padding:26px 32px;border-radius:24px;background:linear-gradient(135deg,#f2ecff,#f9f5ff 62%,#edf9f5);box-shadow:0 12px 30px #2e194f0d}.su-welcome strong,.su-welcome span{position:relative;z-index:1;display:block}.su-welcome strong{font-size:25px}.su-welcome span{margin-top:8px;color:#655d70;font-size:15px}.su-welcome-art{position:absolute;right:20px;bottom:0;width:210px;height:118px}.su-welcome-art i,.su-welcome-art b,.su-welcome-art em{position:absolute;bottom:0;display:block}.su-welcome-art i{right:80px;width:135px;height:84px;background:#9bb9cd;clip-path:polygon(50% 0,100% 100%,0 100%)}.su-welcome-art b{right:0;width:116px;height:68px;background:#52688f;clip-path:polygon(50% 0,100% 100%,0 100%)}.su-welcome-art em{right:42px;top:10px;width:50px;height:50px;border-radius:50%;background:#ffc94d}.su-add-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;border:0;border-radius:18px;background:linear-gradient(135deg,#6630da,#8d36ee);box-shadow:0 13px 28px #6f2cdb2d;color:#fff;font-size:17px;font-weight:800;cursor:pointer}.su-add-primary span{margin-left:auto;font-size:25px;font-weight:400}.su-add-primary b{margin-left:auto;padding-right:24px;font-size:25px;font-weight:400}.su-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 31px}.su-quick-actions button{display:flex;min-height:88px;align-items:center;justify-content:center;gap:12px;border:1px solid #ebe5f1;border-radius:18px;background:#fff;box-shadow:0 8px 22px #2916440c;color:#241b2f;font-weight:750;cursor:pointer}.su-quick-actions span{color:#7c3aed;font-size:27px}.su-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.su-section-head h2{margin:0;font-size:21px}.su-section-head button{border:0;background:transparent;color:#7c3aed;font-size:13px;font-weight:800;cursor:pointer}.su-stats{margin:0 0 34px}.su-stat{min-height:150px;border:0}.su-stat span{display:flex;align-items:center;gap:8px}.su-stat span i{display:inline;font-style:normal;font-size:23px}.su-stat.hot{background:linear-gradient(145deg,#fff8ea,#fff2d9)}.su-stat.total{background:linear-gradient(145deg,#f9f5ff,#f0e8ff)}.su-stat.active{background:linear-gradient(145deg,#edfff6,#e4f8ed)}.su-stat.won{background:linear-gradient(145deg,#f0f7ff,#e5efff)}.su-stat.hot span,.su-stat.hot span i{color:#b45309}.su-stat.total span,.su-stat.total span i{color:#6d28d9}.su-stat.active span,.su-stat.active span i{color:#07884f}.su-stat.won span,.su-stat.won span i{color:#1d5caf}.su-stat-link::after{display:none}.su-workspace{border:0;box-shadow:0 14px 40px #2e194f12}.su-toolbar{padding:18px 20px}.su-tabs button.active{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff}.su-search-wrap>span{position:absolute;z-index:1;top:50%;left:14px;display:block;transform:translateY(-50%);color:#6f6878;font-size:21px}.su-search{padding-left:42px}.su-empty{min-height:330px}.su-empty-illustration{display:grid;place-items:center;width:112px;height:92px;border-radius:50%;background:#f3edff;color:#7c3aed}.su-empty-illustration span{display:grid;place-items:center;width:48px;height:58px;border:4px solid #9a6cf0;border-radius:9px;font-size:28px;font-weight:900}
}
@media(max-width:900px){
  .susul-page{background:#faf9fd}.su-side{display:none}.su-main{max-width:720px;margin:0 auto;padding:0 18px 110px}.su-appbar{display:flex;align-items:center;justify-content:space-between;min-height:74px;margin:0 -18px;padding:12px 18px;border-bottom:1px solid #eeeaf5;background:#fff}.su-appbar .su-logo{gap:9px}.su-appbar .su-logo-side img{width:42px;height:42px;border:1px solid #eee7f6;border-radius:13px;background:#fff}.su-appbar .su-logo strong{font-size:21px}.su-appbar .su-logo small{margin-top:2px;font-size:11px}.su-appbar-actions{display:flex;align-items:center;gap:10px}.su-icon-btn,.su-avatar{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:999px;background:#f7f5fb;color:#271446;font-weight:850;cursor:pointer}.su-icon-btn{font-size:22px}.su-icon-btn i{position:absolute;right:6px;top:5px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#ef4444}.su-avatar{background:var(--su-deep);color:#fff;font-size:13px}.su-welcome{position:relative;display:flex;justify-content:space-between;overflow:hidden;margin:16px 0 12px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f4efff,#f9f5ff 58%,#eee7ff)}.su-welcome strong,.su-welcome span{position:relative;z-index:1;display:block}.su-welcome strong{font-size:17px}.su-welcome span{max-width:78%;margin-top:7px;color:#655d70;font-size:13px;line-height:1.45}.su-welcome-art{position:absolute;right:0;bottom:0;width:130px;height:75px}.su-welcome-art i,.su-welcome-art b,.su-welcome-art em{position:absolute;bottom:0;display:block}.su-welcome-art i{right:48px;width:84px;height:52px;background:#9bb9cd;clip-path:polygon(50% 0,100% 100%,0 100%)}.su-welcome-art b{right:0;width:72px;height:42px;background:#52688f;clip-path:polygon(50% 0,100% 100%,0 100%)}.su-welcome-art em{right:26px;top:4px;width:34px;height:34px;border-radius:50%;background:#ffc94d}.su-top{display:none}.su-add-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border:0;border-radius:17px;background:linear-gradient(135deg,#6630dc,#8d36ee);box-shadow:0 13px 28px #6f2cdb35;color:#fff;font-weight:800;cursor:pointer}.su-add-primary span{font-size:24px;font-weight:400}.su-add-primary b{margin-left:auto;padding-right:18px;font-size:24px;font-weight:400}.su-add-primary span:first-child{margin-left:auto}.su-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 25px}.su-quick-actions button{display:flex;min-width:0;min-height:82px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #eee9f4;border-radius:17px;background:#fff;box-shadow:0 8px 20px #2916440c;color:#21192b;font-size:11px;cursor:pointer}.su-quick-actions span{display:grid;place-items:center;height:28px;color:#7c3aed;font-size:25px}.su-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.su-section-head h2{margin:0;font-size:18px}.su-section-head button{border:0;background:transparent;color:#7c3aed;font-size:12px;font-weight:750;cursor:pointer}.su-stats{margin:0 0 26px}.su-stat{min-height:122px;padding:15px 17px;border:0}.su-stat span{display:flex;align-items:center;gap:7px}.su-stat span i{display:inline;font-style:normal;font-size:20px}.su-stat b{margin-top:8px;font-size:28px}.su-stat small{font-size:12px}.su-stat.hot{background:linear-gradient(145deg,#fff8ea,#fff3dc)}.su-stat.total{background:linear-gradient(145deg,#f9f5ff,#f1eaff)}.su-stat.active{background:linear-gradient(145deg,#ecfff6,#e5f9ee)}.su-stat.won{background:linear-gradient(145deg,#eff7ff,#e7f0ff)}.su-stat.hot span,.su-stat.hot span i{color:#b45309}.su-stat.total span,.su-stat.total span i{color:#6d28d9}.su-stat.active span,.su-stat.active span i{color:#07884f}.su-stat.won span,.su-stat.won span i{color:#1d5caf}.su-stat-link::after{display:none}.su-prospect-head{margin-top:2px}.su-workspace{border:0;border-radius:20px;box-shadow:0 8px 26px #2e194f0d}.su-toolbar{padding:12px;gap:11px;border:0}.su-tabs{display:grid;grid-template-columns:repeat(4,1fr);width:100%;padding:3px}.su-tabs button{padding:9px 5px;font-size:12px}.su-tabs button.active{background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff}.su-search-wrap{width:100%}.su-search-wrap>span{position:absolute;z-index:1;top:50%;left:14px;display:block;transform:translateY(-50%);color:#6f6878;font-size:23px}.su-search{width:100%;padding-left:43px}.su-empty{min-height:300px;margin:0;padding:28px 18px}.su-empty-illustration{display:grid;place-items:center;width:112px;height:92px;border-radius:50%;background:#f3edff;color:#7c3aed}.su-empty-illustration span{display:grid;place-items:center;width:48px;height:58px;border:4px solid #9a6cf0;border-radius:9px;font-size:28px;font-weight:900}.su-empty h2{font-size:17px}.su-empty p{font-size:13px}.su-bottom-nav{position:fixed;z-index:9999;left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);width:min(720px,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 #ece7f2;background:#fffffff5;box-shadow:0 -8px 25px #28123e12;backdrop-filter:blur(18px)}.su-bottom-nav button{display:flex;align-items:center;flex-direction:column;gap:3px;border:0;background:transparent;color:#71697a;font-size:10px;cursor:pointer}.su-bottom-nav span{font-size:21px}.su-bottom-nav button.active{color:#6d28d9;font-weight:800}
}
@media(max-width:420px){.su-main{padding-inline:13px}.su-appbar{margin-inline:-13px;padding-inline:13px}.su-welcome span{max-width:72%}.su-quick-actions{gap:7px}.su-quick-actions button{min-height:76px;padding:5px;font-size:10px}.su-stats{gap:10px}.su-stat{min-height:116px}.su-section-head h2{font-size:17px}}

.su-ai-standard-note{margin:-5px 2px 14px;color:var(--su-muted);font-size:12px;line-height:1.5}
.su-auth-card{position:relative}.su-auth-language{position:absolute;top:18px;right:18px;display:flex;padding:3px;border-radius:10px;background:#f0ecf4}.su-auth-language button{border:0;border-radius:8px;background:transparent;color:#756d7e;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer}.su-auth-language button.active{background:#fff;color:#6426c4;box-shadow:0 2px 8px #24143714}
.su-auth-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 24px;color:#8a8191;font-size:12px;font-weight:750}.su-auth-steps span{display:flex;align-items:center;gap:6px}.su-auth-steps b{display:grid;place-items:center;width:23px;height:23px;border-radius:999px;background:#eee9f3;color:#766c80;font-size:11px}.su-auth-steps span.active{color:#6426c4}.su-auth-steps span.active b{background:#6426c4;color:#fff}.su-auth-steps i{width:44px;height:1px;background:#ddd5e5}#su-email-step h1,#su-code-step h1{margin-top:0}.su-auth-security,.su-auth-help{font-size:12px!important;text-align:center}.su-auth-security{color:#286946!important}.su-auth-help{margin-top:2px!important}.su-auth-code-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.su-auth-code-actions .su-btn{width:100%;padding-inline:10px}.su-auth-card>.su-logo+ .su-auth-steps{margin-top:14px}
.su-resources-mobile{display:none}.su-resources-modal{width:min(900px,100%)}.su-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.su-resource-grid article{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-height:190px;padding:18px;border:1px solid var(--su-border);border-radius:17px;background:#faf9fc}.su-resource-grid article>span{width:max-content;padding:4px 8px;border-radius:999px;background:#eee7ff;color:#6426c4;font-size:11px;font-weight:850}.su-resource-grid article>strong{line-height:1.45}.su-resource-grid article>small{position:absolute;top:18px;right:18px;color:#aaa0b5;font-weight:800}.su-resource-grid .su-btn{align-self:end;width:100%}
@media(max-width:900px){.su-resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.su-top-actions .su-resources-mobile{display:inline-flex}.su-resource-grid{grid-template-columns:1fr}.su-resource-grid article{min-height:150px}}

/* 2.11.8 PWA navigation and account menu */
.su-more-modal{width:min(520px,100%)}
.su-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.su-more-grid button{display:flex;align-items:center;gap:12px;min-height:70px;padding:14px;border:1px solid var(--su-border);border-radius:15px;background:#fff;color:var(--su-text);text-align:left;cursor:pointer}
.su-more-grid button span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f3edff;color:#6d28d9;font-size:21px}
.su-language-quick{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px;border:1px solid var(--su-border);border-radius:15px;background:#faf9fc}
.su-language-quick>div:first-child{display:grid;gap:2px}
.su-language-quick small{color:var(--su-muted);font-size:12px}
.su-language-toggle{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:11px;background:#eee9f3}
.su-language-toggle button{min-width:48px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:#6f6878;font-size:12px;font-weight:800;cursor:pointer}
.su-language-toggle button.active{background:#6d28d9;color:#fff;box-shadow:0 3px 10px #6d28d92b}
.su-language-toggle button:disabled{cursor:wait;opacity:.65}
@media(max-width:900px){.su-bottom-nav{left:0;right:0;width:auto;max-width:720px;margin:0 auto;transform:none}.su-bottom-nav button{min-width:0;overflow:hidden;padding-inline:2px;white-space:nowrap}.su-bottom-nav button span{flex:0 0 auto}}
@media(max-width:420px){.su-bottom-nav{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}.su-bottom-nav button{font-size:10px}.su-more-grid{grid-template-columns:1fr}}

/* 2.11.9 mobile prospect-card typography and compact actions */
@media(max-width:900px){
  .su-icon-btn>span{font-size:0}
  .su-icon-btn>span::before{content:'\1F514';font-size:19px;line-height:1}
  .su-mobile-card{padding:16px 14px}
  .su-mobile-card>div:first-child{align-items:flex-start}
  .su-mobile-card>div:first-child strong{font-size:16px;line-height:1.3;font-weight:800}
  .su-mobile-card small{font-size:12px;line-height:1.35}
  .su-mobile-card p{margin:11px 0 8px;font-size:14px;line-height:1.45}
  .su-mobile-card .su-badge{flex:0 0 auto;padding:6px 10px;font-size:11px;line-height:1.2}
  .su-mobile-actions{gap:9px;margin-top:9px}
  .su-mobile-actions .su-btn{min-height:38px;padding:7px 12px;border-radius:11px;font-size:13px;font-weight:750}
}

/* Keep the signed-in email private in the dashboard chrome. */
.su-account>span{display:none}


/* 2.11.1 typography system */
.susul-page{font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.susul-page h1,.susul-page h2,.susul-page h3,.su-logo strong,.su-welcome strong{line-height:1.2;letter-spacing:-.018em}
.su-btn,.su-nav button,.su-tabs button,.su-section-head button,.su-quick-actions button,.su-bottom-nav button{line-height:1.25}
.su-btn{font-size:14px;font-weight:750}.su-input,.su-select,.su-textarea{font-size:15px;line-height:1.4}.su-label{font-size:13px;line-height:1.35}
.su-section-head h2{font-size:20px;font-weight:800}.su-stat span{font-size:14px;line-height:1.3}.su-stat b{font-size:32px;line-height:1.1}.su-stat small{font-size:13px;line-height:1.35}
.su-quick-actions button{font-size:13px;font-weight:700}.su-tabs button{font-size:13px;font-weight:650}.su-modal-head h2{font-size:22px;font-weight:800}
@media(max-width:900px){
  .su-input,.su-select,.su-textarea{font-size:16px}
  .su-welcome strong{font-size:18px}.su-welcome span{font-size:13px}
  .su-section-head h2{font-size:18px}.su-stat span{font-size:13px}.su-stat b{font-size:30px}.su-stat small{font-size:12px}
  .su-quick-actions button{font-size:12px}.su-tabs button{font-size:12px}.su-bottom-nav button{font-size:11px}.su-bottom-nav span{font-size:20px}
  .su-modal-head h2{font-size:20px}
}
@media(max-width:420px){.su-quick-actions button{font-size:11px}.su-section-head h2{font-size:18px}}

/* 2.11.11 keep PWA content fitted to the device viewport */
html,body{max-width:100%;overflow-x:hidden}
.susul-page,#susul-root,.su-shell,.su-main{max-width:100%}
@media(max-width:900px){.susul-page,#susul-root,.su-shell,.su-main{width:100%}}

/* 2.11.12 precisely center the header reminder and avatar */
@media(max-width:900px){
  .su-appbar-actions{align-items:center;height:42px}
  .su-icon-btn,.su-avatar{display:grid;flex:0 0 42px;width:42px;height:42px;margin:0;padding:0;place-items:center;line-height:1}
  .su-icon-btn>span{display:grid;width:22px;height:22px;place-items:center;font-size:0;line-height:1}
  .su-icon-btn>span::before{content:'';display:block;width:21px;height:21px;background:#271446;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") center/contain no-repeat}
  .su-avatar{font-size:13px;text-align:center}
}

/* 2.12 faster WhatsApp capture and manual response flow */
.su-toast{position:fixed;z-index:1000001;left:50%;bottom:28px;max-width:min(430px,calc(100% - 28px));transform:translate(-50%,16px);padding:12px 17px;border-radius:13px;background:#24153a;color:#fff;box-shadow:0 16px 42px #160b2870;font-size:14px;font-weight:700;opacity:0;transition:.2s ease}
.su-toast.show{transform:translate(-50%,0);opacity:1}
.su-response-button{white-space:nowrap}
.su-response-modal,.su-return-modal{width:min(620px,100%)}
.su-response-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.su-response-options label{position:relative;display:block;cursor:pointer}
.su-response-options input{position:absolute;opacity:0;pointer-events:none}
.su-response-options span{display:grid;gap:4px;min-height:86px;padding:14px;border:1px solid var(--su-border);border-radius:14px;background:#fff}
.su-response-options input:checked+span{border-color:#7c3aed;background:#f7f2ff;box-shadow:0 0 0 2px #7c3aed1f}
.su-response-options strong{font-size:14px}
.su-response-options small,.su-return-modal .su-modal-body>small{color:var(--su-muted);font-size:12px;line-height:1.45}
.su-response-fields{margin-top:15px}
.su-return-modal .su-modal-body>strong,.su-return-modal .su-modal-body>small{display:block}
.su-next-date{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;margin-top:16px;padding:14px;border-radius:14px;background:#faf7ff}
.su-return-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:18px 24px;border-top:1px solid var(--su-border)}
@media(max-width:900px){.su-actions,.su-mobile-actions{flex-wrap:wrap}.su-response-button{flex-basis:100%;grid-column:1/-1}.su-toast{bottom:calc(82px + env(safe-area-inset-bottom))}}
@media(max-width:560px){.su-response-options,.su-next-date,.su-return-actions{grid-template-columns:1fr}.su-response-options span{min-height:0}.su-return-actions{padding:15px 18px}.su-return-actions .su-btn{width:100%}}
.su-auth-demo{display:grid;gap:9px;margin:22px 0 14px;padding:16px;border:1px solid #d9cbed;border-radius:16px;background:#f8f4ff;text-align:center}.su-auth-demo span{color:#655a70;font-size:13px;line-height:1.45}.su-auth-demo .su-btn{width:100%;background:#fff;color:#5420a4;border-color:#cdb9ec}.su-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:13px 16px;border:1px solid #d5c0f4;border-radius:15px;background:#f4edff}.su-demo-banner>div:first-child{display:grid;gap:3px}.su-demo-banner strong{color:#5520a5;font-size:13px}.su-demo-banner span{color:#685d74;font-size:12px}.su-demo-banner>div:last-child{display:flex;gap:8px}.su-demo-banner .su-btn{min-height:36px;padding:7px 12px;font-size:12px}.su-demo-whatsapp{max-width:430px;overflow:hidden;background:#efeae2}.su-demo-wa-head{display:flex;align-items:center;gap:12px;padding:15px 17px;background:#075e54;color:#fff}.su-demo-wa-head>span{font-size:30px;line-height:1;cursor:pointer}.su-demo-wa-head div{display:grid}.su-demo-wa-head small{color:#d3eee9}.su-demo-wa-chat{min-height:310px;padding:26px 18px;background:linear-gradient(#efeae2dd,#efeae2dd),repeating-linear-gradient(45deg,#d9d1c7 0 1px,transparent 1px 18px)}.su-demo-wa-chat p{position:relative;margin:0 0 0 auto;width:min(86%,360px);padding:12px 13px 18px;border-radius:10px 3px 10px 10px;background:#d9fdd3;color:#18211f;line-height:1.5;box-shadow:0 1px 2px #0002}.su-demo-wa-chat small{display:block;margin:-17px 8px 0 auto;width:max-content;color:#4697bb}.su-demo-whatsapp .su-modal-foot{background:#fff}
@media(max-width:680px){.su-demo-banner{align-items:stretch;flex-direction:column}.su-demo-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.su-demo-banner .su-btn{white-space:normal;text-align:center}.su-auth-demo{margin-top:18px}}

/* 2.14.2 professional dashboard, polished icons and bundle preview */
.su-svg-icon{display:block;width:22px;height:22px;flex:0 0 auto}
.su-welcome-art .su-welcome-visual{display:block;width:100%;height:100%}
.su-demo-bundle{width:min(920px,100%)}
.su-bundle-preview-intro{margin-bottom:16px}
.su-bundle-preview-intro strong{display:block;font-size:17px}
.su-bundle-preview-intro p{margin:5px 0 0;color:var(--su-muted);font-size:13px}
.su-bundle-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.su-bundle-preview-grid figure{min-width:0;margin:0;padding:10px;border:1px solid #e8e1ef;border-radius:16px;background:#faf8fd}
.su-bundle-preview-grid figure>div{overflow:hidden;border-radius:10px;background:#eee9f4;box-shadow:0 8px 20px #2e194f14}
.su-bundle-preview-grid img{display:block;width:100%;height:auto;aspect-ratio:368/520;object-fit:cover;transition:transform .22s ease}
.su-bundle-preview-grid figure:hover img{transform:scale(1.025)}
.su-bundle-preview-grid figcaption{min-height:42px;padding:10px 2px 2px;color:#352b40;font-size:12px;font-weight:750;line-height:1.4}
.su-bundle-preview-more{margin:15px 0 0;padding:12px 14px;border-radius:12px;background:#f4effc;color:#5e5070;font-size:13px;line-height:1.5}

@media(min-width:901px){
  .susul-page{background:#f8f7fb}
  .su-main{max-width:1280px;padding:28px 36px 68px}
  .su-demo-banner{margin-bottom:16px;padding:11px 14px;border-color:#ded2ef;border-radius:12px;background:#f7f3fc;box-shadow:none}
  .su-demo-banner strong{color:#5d2aa7}
  .su-welcome{min-height:154px;margin-bottom:0;padding:30px 500px 30px 32px;border:1px solid #ebe5f3;border-radius:20px;background:linear-gradient(135deg,#f8f5ff,#fbfaff 58%,#eff9f5);box-shadow:0 10px 28px #2e194f0a}
  .su-welcome strong{font-size:26px}
  .su-welcome span{font-size:14px;line-height:1.55}
  .su-welcome-art{right:215px;bottom:0;width:286px;height:143px}
  .su-add-primary{position:relative;z-index:2;width:220px;min-height:48px;margin:-71px 28px 37px auto;border-radius:12px;box-shadow:0 10px 22px #6f2cdb24;font-size:14px;transition:transform .18s ease,box-shadow .18s ease}
  .su-add-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #6f2cdb30}
  .su-add-primary span{margin:0;font-size:20px}
  .su-add-primary b{display:none}
  .su-quick-actions{gap:12px;margin:0 0 28px}
  .su-quick-actions button{justify-content:flex-start;min-height:72px;padding:12px 16px;border-color:#e9e4ee;border-radius:14px;box-shadow:0 5px 16px #29164409;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
  .su-quick-actions button:hover{transform:translateY(-2px);border-color:#d6c8e8;box-shadow:0 10px 22px #29164412}
  .su-quick-actions span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#f1eafe;color:#6d28d9}
  .su-quick-actions .su-svg-icon{width:21px;height:21px}
  .su-section-head{margin-bottom:11px}
  .su-section-head h2{font-size:19px}
  .su-section-head button{padding:7px 0}
  .su-stats{gap:12px;margin-bottom:28px}
  .su-stat{min-height:126px;padding:17px 18px;border:1px solid #eee8f3;border-radius:16px;box-shadow:none}
  .su-stat span{font-size:13px}
  .su-stat span i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#ffffffa6}
  .su-stat span i .su-svg-icon{width:18px;height:18px}
  .su-stat b{margin-top:10px;font-size:30px}
  .su-workspace{border:1px solid #e9e4ee;border-radius:18px;box-shadow:0 8px 26px #2e194f0b}
  .su-toolbar{padding:14px 16px}
  .su-table th,.su-table td{padding:14px 16px}
}

@media(min-width:901px) and (max-width:1120px){
  .su-main{padding-inline:26px}
  .su-welcome{padding-right:410px}
  .su-welcome-art{right:200px;width:235px}
  .su-add-primary{width:196px;margin-right:20px}
}

@media(max-width:900px){
  .su-icon-btn>span::before{display:none!important}
  .su-icon-btn>span .su-svg-icon{width:21px;height:21px}
  .su-welcome-art{right:4px;width:140px;height:76px}
  .su-welcome>div:first-child{max-width:72%}
  .su-quick-actions button{border-color:#ece6f2;box-shadow:0 5px 16px #2916440a}
  .su-quick-actions span{width:36px;height:36px;border-radius:11px;background:#f2ebff}
  .su-quick-actions span .su-svg-icon{width:20px;height:20px}
  .su-stat span i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#ffffff9c}
  .su-stat span i .su-svg-icon{width:17px;height:17px}
  .su-bottom-nav span{display:grid;width:24px;height:24px;place-items:center}
  .su-bottom-nav .su-svg-icon{width:20px;height:20px}
}

@media(max-width:680px){
  .su-demo-bundle .su-modal-body{padding:18px}
  .su-bundle-preview-grid{grid-template-columns:1fr 1fr;gap:10px}
  .su-bundle-preview-grid figure{padding:7px;border-radius:13px}
  .su-bundle-preview-grid figcaption{min-height:48px;padding-top:8px;font-size:11px}
  .su-demo-bundle .su-modal-foot .su-btn{width:100%}
}

@media(max-width:420px){
  .su-welcome>div:first-child{max-width:68%}
  .su-welcome-art{right:-10px;width:128px}
  .su-quick-actions span{width:33px;height:33px}
  .su-quick-actions span .su-svg-icon{width:18px;height:18px}
}

/* 2.14.4 guided CSV import */
.su-import-modal{width:min(920px,100%)}
.su-import-summary{display:grid;gap:4px;padding:14px 16px;border:1px solid #dfd3ef;border-radius:14px;background:#f8f4ff}
.su-import-summary strong{color:#5520a5;font-size:15px}
.su-import-summary span{color:#8b5a18;font-size:12px}
.su-import-summary small{color:var(--su-muted);font-size:12px}
.su-import-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 20px}
.su-import-actions .su-btn{min-height:38px;padding:8px 12px;font-size:12px}
.su-import-actions .su-svg-icon{width:17px;height:17px}
.su-import-actions>span{min-width:0;overflow:hidden;color:var(--su-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.su-import-modal .su-modal-body>h3{margin:0 0 9px;font-size:15px}
.su-import-preview{overflow:auto;border:1px solid var(--su-border);border-radius:13px}
.su-import-preview table{width:100%;min-width:680px;border-collapse:collapse;background:#fff}
.su-import-preview th,.su-import-preview td{padding:10px 12px;border-bottom:1px solid #eeeaf2;text-align:left;font-size:12px;white-space:nowrap}
.su-import-preview th{background:#faf9fc;color:#756d7e;font-weight:800}
.su-import-preview tr:last-child td{border-bottom:0}
.su-import-duplicates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;padding:0;border:0}
.su-import-duplicates legend{grid-column:1/-1;margin-bottom:7px;color:#4e4558;font-size:13px;font-weight:800}
.su-import-duplicates label{position:relative;cursor:pointer}
.su-import-duplicates input{position:absolute;opacity:0;pointer-events:none}
.su-import-duplicates label span{display:flex;min-height:54px;align-items:center;padding:12px 14px;border:1px solid var(--su-border);border-radius:13px;background:#fff}
.su-import-duplicates input:checked+span{border-color:#7c3aed;background:#f7f2ff;box-shadow:0 0 0 2px #7c3aed1f;color:#5520a5}
.su-import-duplicates strong{font-size:13px}
.su-import-result{display:grid;justify-items:center;padding:20px 0;text-align:center}
.su-import-result-icon{display:grid;width:60px;height:60px;place-items:center;border-radius:999px;background:#dcfce7;color:#166534;font-size:28px;font-weight:900}
.su-import-result h3{margin:14px 0 12px;font-size:21px}
.su-import-result>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(500px,100%)}
.su-import-result span{padding:10px 12px;border-radius:11px;background:#f7f5fa;color:#544b5d;font-size:13px;font-weight:700}
.su-side-language{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;margin-bottom:14px;padding:10px 11px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff0d}
.su-side-language>span{color:#cfc2de;font-size:11px;font-weight:700}
.su-side-language>div{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:9px;background:#14072680}
.su-side-language button{min-width:38px;border:0;border-radius:7px;padding:6px 8px;background:transparent;color:#cfc2de;font-size:11px;font-weight:850;cursor:pointer}
.su-side-language button.active{background:#fff;color:#5420a4;box-shadow:0 2px 8px #0003}
.su-side-language button:disabled{cursor:wait;opacity:.65}
.su-side-language+.su-account{margin-top:0}
@media(max-width:680px){
  .su-import-modal .su-modal-body{padding:18px}
  .su-import-actions{align-items:stretch;flex-direction:column}
  .su-import-actions .su-btn{width:100%}
  .su-import-duplicates{grid-template-columns:1fr}
  .su-import-duplicates legend{grid-column:auto}
  .su-import-result>div:last-child{grid-template-columns:1fr}
}
@media(max-width:900px){.su-side-language{display:none}}
.su-quick-actions:has(#su-quick-install[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}