/* ============================================================
   main.css — extracted from kibeti-with-api-sync.html
   Section 1: original <style> block contents, in document order.
   Section 2: classes generated from former inline style="" attrs.
   ============================================================ */


/* PASSWORD GATE */
#pwd-gate{position:fixed;inset:0;background:linear-gradient(135deg,#0F2B1A 0%,#1A5C32 50%,#0F2B1A 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;padding:24px;color-scheme:only light}
#pwd-gate::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.pwd-card{background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:36px 32px;width:100%;max-width:340px;text-align:center;position:relative}
.pwd-logo-wrap{width:64px;height:64px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden}
.pwd-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}
.pwd-sub{font-size:13px;color:rgba(255,255,255,.75);margin-bottom:28px;line-height:1.5}
.pwd-input-wrap{position:relative;margin-bottom:12px}
.pwd-input{width:100%;padding:13px 44px 13px 16px;background:rgba(255,255,255,.22);border:1.5px solid rgba(255,255,255,.4);border-radius:12px;font-size:15px;font-family:DM Sans,sans-serif;color:#fff;-webkit-text-fill-color:#fff !important;caret-color:#fff;outline:none;letter-spacing:.05em}
.pwd-input::placeholder{color:rgba(255,255,255,.65);letter-spacing:0;-webkit-text-fill-color:rgba(255,255,255,.65) !important}
.pwd-input:focus{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.28);box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.pwd-input:-webkit-autofill,.pwd-input:-webkit-autofill:hover,.pwd-input:-webkit-autofill:focus,.pwd-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 9999px rgba(21,90,48,.95) inset !important;box-shadow:0 0 0 9999px rgba(21,90,48,.95) inset !important;-webkit-text-fill-color:#fff !important;caret-color:#fff !important;border-color:rgba(255,255,255,.5) !important;transition:background-color 9999s ease-in-out 0s !important}
.pwd-eye{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:rgba(255,255,255,.6);padding:0;line-height:1}
.pwd-btn{width:100%;padding:13px;background:#fff;color:#0F2B1A;border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;margin-top:4px;transition:opacity .15s}
.pwd-btn:hover{opacity:.9}
.pwd-error{font-size:12px;color:#FECACA;margin-top:10px;display:none}
.pwd-footer{font-size:11px;color:rgba(255,255,255,.5);margin-top:20px}



/* ═══════════════════════════════════════════════
   KIBETI JOURNEY — Onboarding + Mission Engine
   ═══════════════════════════════════════════════ */
#kj-onboard{position:fixed;inset:0;z-index:10500;background:linear-gradient(160deg,#FFF8F0 0%,#FEF3C7 40%,#ECFDF5 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;font-family:DM Sans,sans-serif;animation:kjFadeIn .4s ease}
#kj-onboard::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2315803D' fill-opacity='0.03'%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.kj-screen{display:none;width:100%;max-width:420px;padding:48px 24px 32px;position:relative;z-index:1;flex-direction:column;align-items:center}
.kj-screen.kj-active{display:flex;animation:kjSlideUp .35s ease}
.kj-dots{display:flex;gap:6px;margin-bottom:32px}
.kj-dot{width:8px;height:8px;border-radius:50%;background:#D1FAE5;transition:all .3s ease}
.kj-dot.kj-dot-active{background:#1A5C32;width:22px;border-radius:4px}
.kj-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.kj-brand-logo{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 16px rgba(21,128,61,.15)}
.kj-brand-name{font-size:20px;font-weight:800;color:#0F2B1A;letter-spacing:-.3px}
.kj-brand-sub{font-size:10px;color:#6B7280;margin-top:1px}
.kj-question{font-size:22px;font-weight:800;color:#111827;text-align:center;line-height:1.3;letter-spacing:-.3px;margin-bottom:6px}
.kj-question-sub{font-size:13px;color:#6B7280;text-align:center;line-height:1.55;margin-bottom:28px}
.kj-options{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:24px}
.kj-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:2px solid #E8EAED;border-radius:14px;cursor:pointer;transition:all .18s ease;-webkit-tap-highlight-color:transparent}
.kj-option.kj-selected{border-color:#1A5C32;background:#EDF5EF;transform:scale(.985)}
.kj-option-icon{font-size:24px;flex-shrink:0;width:40px;text-align:center}
.kj-option-text{flex:1}
.kj-option-label{font-size:14px;font-weight:700;color:#111827}
.kj-option-sub{font-size:11px;color:#6B7280;margin-top:2px}
.kj-option-check{width:20px;height:20px;border-radius:50%;border:2px solid #D1D5DB;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.kj-option.kj-selected .kj-option-check{background:#1A5C32;border-color:#1A5C32}
.kj-option.kj-selected .kj-option-check::after{content:'';width:8px;height:6px;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg) translateY(-1px);display:block}
.kj-welcome-card{background:linear-gradient(135deg,#0F2B1A 0%,#1A5C32 100%);border-radius:20px;padding:28px 24px;width:100%;text-align:center;margin-bottom:20px;box-shadow:0 8px 32px rgba(21,128,61,.25)}
.kj-welcome-emoji{font-size:48px;margin-bottom:12px}
.kj-welcome-title{font-size:20px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:6px;letter-spacing:-.2px}
.kj-welcome-sub{font-size:12px;color:rgba(255,255,255,.75);line-height:1.6}
.kj-steps{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.kj-step-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1.5px solid #E8EAED;border-radius:12px}
.kj-step-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0F2B1A,#1A5C32);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kj-step-text{flex:1}
.kj-step-label{font-size:13px;font-weight:700;color:#111827}
.kj-step-time{font-size:10px;color:#6B7280;margin-top:1px}
.kj-step-star{font-size:14px}
.kj-cta{width:100%;padding:15px;background:linear-gradient(135deg,#0F2B1A 0%,#1A5C32 100%);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;font-family:DM Sans,sans-serif;cursor:pointer;letter-spacing:-.1px;box-shadow:0 4px 16px rgba(21,128,61,.3);transition:opacity .15s;margin-bottom:12px}
.kj-cta:active{opacity:.88}
.kj-skip{background:none;border:none;font-size:12px;color:#9CA3AF;font-family:DM Sans,sans-serif;cursor:pointer;padding:4px 0}
#kj-mission-bar{display:none;flex-direction:column;gap:0}
.kj-mission-card{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 14px;position:relative;overflow:hidden}
.kj-mission-tag{font-size:8.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:5px;display:flex;align-items:center;gap:5px}
.kj-mission-tag-dot{width:5px;height:5px;border-radius:50%;background:#2E8B4A;display:inline-block;animation:kjPulse 2s infinite}
.kj-mission-title{font-size:14px;font-weight:800;color:#fff;margin-bottom:3px;line-height:1.3;letter-spacing:-.15px}
.kj-mission-sub{font-size:11px;color:rgba(255,255,255,.65);margin-bottom:10px;line-height:1.4}
.kj-progress-track{background:rgba(255,255,255,.12);border-radius:3px;height:4px;overflow:hidden;margin-bottom:8px}
.kj-progress-fill{height:100%;background:linear-gradient(90deg,#2E8B4A,#2E8B4A);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}
.kj-mission-footer{display:flex;align-items:center;justify-content:space-between}
.kj-mission-step-txt{font-size:10px;color:rgba(255,255,255,.5)}
.kj-mission-btn{padding:5px 12px;background:rgba(74,222,128,.25);border:1px solid rgba(74,222,128,.4);border-radius:20px;font-size:10px;font-weight:700;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;transition:background .15s}
.kj-mission-btn:active{background:rgba(74,222,128,.45)}
.kj-complete-flash{background:linear-gradient(135deg,rgba(74,222,128,.2) 0%,rgba(74,222,128,.08) 100%);border:1px solid rgba(74,222,128,.35);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px}
.kj-complete-icon{font-size:22px;flex-shrink:0}
.kj-complete-text{flex:1}
.kj-complete-title{font-size:13px;font-weight:800;color:#fff}
.kj-complete-sub{font-size:11px;color:rgba(255,255,255,.65);margin-top:2px}
.kj-complete-next{font-size:10px;font-weight:700;color:#2E8B4A;margin-top:4px}
.kj-unlocked-card{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 100%);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px}
.kj-unlocked-icon{font-size:22px;flex-shrink:0}
.kj-unlocked-text{flex:1}
.kj-unlocked-title{font-size:13px;font-weight:800;color:#fff}
.kj-unlocked-sub{font-size:11px;color:rgba(255,255,255,.6);margin-top:2px}
.kj-unlocked-explore{padding:4px 11px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:10px;font-weight:700;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif}
#kj-aha-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9800;align-items:flex-end;justify-content:center;animation:kjFadeIn .3s ease}
.kj-aha-sheet{background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:480px;padding:0 0 env(safe-area-inset-bottom,20px);animation:kjSlideUp .35s ease;overflow:hidden}
.kj-aha-header{background:linear-gradient(135deg,#0F2B1A 0%,#1A5C32 100%);padding:24px 20px 20px;text-align:center}
.kj-aha-emoji{font-size:52px;display:block;margin-bottom:8px;animation:kjBounce .6s ease}
.kj-aha-title{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.3px;margin-bottom:4px}
.kj-aha-sub{font-size:12px;color:rgba(255,255,255,.75)}
.kj-aha-body{padding:20px 20px 8px}
.kj-aha-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.kj-aha-stat{background:#EDF5EF;border:1.5px solid #9CC8A9;border-radius:12px;padding:12px;text-align:center}
.kj-aha-stat-val{font-size:18px;font-weight:900;color:#1A5C32;letter-spacing:-.5px}
.kj-aha-stat-lbl{font-size:9.5px;color:#6B7280;margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.kj-aha-coach-msg{display:flex;align-items:flex-start;gap:10px;background:#F9FAFB;border:1px solid #E8EAED;border-radius:12px;padding:12px;margin-bottom:16px}
.kj-aha-coach-avatar{font-size:22px;flex-shrink:0}
.kj-aha-coach-text{font-size:12px;color:#374151;line-height:1.65}
.kj-aha-cta{width:100%;padding:14px;background:linear-gradient(135deg,#0F2B1A,#1A5C32);color:#fff;border:none;border-radius:13px;font-size:14px;font-weight:800;font-family:DM Sans,sans-serif;cursor:pointer;margin-bottom:8px}
.kj-aha-skip-btn{width:100%;padding:10px;background:transparent;border:none;font-size:12px;color:#9CA3AF;font-family:DM Sans,sans-serif;cursor:pointer}
#kj-gate-sheet{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9750;align-items:flex-end;justify-content:center;animation:kjFadeIn .25s ease}
.kj-gate-body{background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:480px;padding:20px 20px 32px;animation:kjSlideUp .3s ease}
.kj-gate-pill{width:36px;height:4px;background:#E5E7EB;border-radius:2px;margin:0 auto 18px}
.kj-gate-icon{font-size:36px;text-align:center;margin-bottom:10px}
.kj-gate-title{font-size:18px;font-weight:800;color:#111827;text-align:center;margin-bottom:6px}
.kj-gate-sub{font-size:12px;color:#6B7280;text-align:center;line-height:1.65;margin-bottom:20px}
.kj-gate-progress{background:#EDF5EF;border:1.5px solid #9CC8A9;border-radius:12px;padding:12px;margin-bottom:16px}
.kj-gate-progress-label{font-size:10px;font-weight:700;color:#1A5C32;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.kj-gate-progress-track{background:#D1FAE5;border-radius:3px;height:6px;overflow:hidden}
.kj-gate-progress-fill{height:100%;background:linear-gradient(90deg,#1A5C32,#2E8B4A);border-radius:3px;transition:width .5s ease}
.kj-gate-progress-txt{font-size:11px;color:#374151;margin-top:6px}
.kj-gate-cta{width:100%;padding:14px;background:linear-gradient(135deg,#0F2B1A,#1A5C32);color:#fff;border:none;border-radius:13px;font-size:14px;font-weight:800;font-family:DM Sans,sans-serif;cursor:pointer;margin-bottom:9px}
.kj-gate-explore{width:100%;padding:11px;background:#F9FAFB;border:1.5px solid #E8EAED;border-radius:12px;font-size:13px;font-weight:700;color:#374151;font-family:DM Sans,sans-serif;cursor:pointer}
@keyframes kjFadeIn{from{opacity:0}to{opacity:1}}
@keyframes kjSlideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes kjBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@keyframes kjPulse{0%,100%{opacity:1}50%{opacity:.4}}



*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
button,select,input,a,[onclick]{touch-action:manipulation}
:root{
  --g900:#0F2B1A;--g800:#1A5C32;--g700:#1A5C32;--g500:#2E8B4A;--g400:#256B3A;--g200:#9CC8A9;--g50:#EDF5EF;
  --bg2:#F3F4F6;
  --xp-w:0%;
  --t700:#2D6A6A;--t500:#4A90A4;
  --bg:#F4F6F9;--surface:#fff;--tp:#111827;--ts:#6B7280;--border:#E8EAED;
  --danger:#EF4444;--amber:#D97706;
  --blue:#1D4ED8;--bl:#EFF6FF;--blb:#BFDBFE;
  --purple:#0F2B1A;--pl:#EDF5EF;--plb:#9CC8A9;
  --teal:#0D9488;--tell:#CCFBF1;--telb:#99F6E4;
  --radius:16px;--radius-sm:11px;--shadow:0 1px 4px rgba(0,0,0,.06);--shadow-md:0 2px 12px rgba(0,0,0,.08);
}
html,body{height:100%}body{font-family:DM Sans,sans-serif;background:var(--bg);margin:0;padding:0;min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;overflow:hidden}
.phone{width:100%;max-width:480px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;height:100%;min-height:100vh;min-height:100dvh;min-height:calc(var(--vh, 1vh) * 100);overflow:hidden}
.notch{display:none}.notch-pill{display:none}.status-bar{display:none}.status-time{display:none}.status-icons{display:none}
.app-header{background:var(--g900);padding:calc(env(safe-area-inset-top) + 10px) 16px 14px;flex-shrink:0}
.app-header-top{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;margin-bottom:10px;overflow:hidden}
/* On narrow phones, drop the tagline so the header buttons (coach switcher, home, bell) keep
   their room and don't get squeezed or wrap unnecessarily on a second line */
@media (max-width:380px){
  .logo-sub{display:none}
}
.app-logo{display:flex;align-items:center;gap:10px}
.logo-box{width:52px;height:52px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.logo-name{font-size:15px;font-weight:700;color:#fff;line-height:1.1}
.logo-sub{font-size:10px;color:rgba(255,255,255,.65);margin-top:1px;letter-spacing:.01em}
.header-avatar{width:34px;height:34px;border-radius:50%;background:var(--g700);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}
.hero-card{background:linear-gradient(135deg,var(--t700),var(--t500));border-radius:14px;padding:13px 15px;position:relative;overflow:hidden}
.hero-card::before{content:'';position:absolute;top:-30px;right:-20px;width:110px;height:110px;background:rgba(255,255,255,.06);border-radius:50%}
.hero-tag{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:3px}
.hero-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.3}
.hero-sub{font-size:11px;color:rgba(255,255,255,.65)}
.screen{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0}
.screen.active{display:flex}
.screen-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 16px 24px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}
.screen-body>*{flex-shrink:0}
.screen-body::-webkit-scrollbar{display:none}
.tab-bar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;box-shadow:0 -2px 8px rgba(0,0,0,.06);padding-bottom:max(env(safe-area-inset-bottom),8px)}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:3px 0;flex-shrink:0;min-width:52px}
.tab svg{width:18px;height:18px;color:var(--ts);transition:color .15s}
.tab-lbl{font-size:8px;font-weight:600;color:var(--ts);text-align:center;line-height:1.2;transition:color .15s}
.tab.active .tab-lbl{color:var(--g700)}.tab.active svg{color:var(--g700)}
.home-indicator{display:none}.home-pill{display:none}

/* Section labels — subtle, not shouty */
.sec-label{font-size:11px;font-weight:700;color:var(--ts);margin-bottom:6px;padding-left:2px;letter-spacing:.04em;text-transform:uppercase}

/* Input cards */
.input-card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.fi-group{margin-bottom:14px}.fi-group:last-child{margin-bottom:0}
.fi-label{font-size:11px;font-weight:600;color:var(--ts);margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}
.fi-label span{font-weight:400;font-size:10px;color:var(--ts);opacity:.8}
.fi{width:100%;padding:11px 38px 11px 13px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--tp);background:#fff;transition:border-color .15s}
.fi:focus{outline:none;border-color:var(--g400);box-shadow:0 0 0 3px rgba(102,187,106,.15)}
.fi-wrap{position:relative}
.fi-sfx{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--ts);pointer-events:none;font-weight:600}
.divider-line{height:1px;background:var(--border);margin:14px 0}

/* Output display */
.output-field-label{font-size:11px;font-weight:700;color:var(--g800);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}
.output-tag{font-size:9px;font-weight:700;background:var(--g700);color:#fff;padding:2px 8px;border-radius:20px;letter-spacing:.03em}
.output-display{width:100%;padding:14px 16px;border:2px solid var(--g200);border-radius:12px;background:var(--g50);display:flex;align-items:center;justify-content:space-between;min-height:52px}
.output-display.pending{border-color:var(--border);background:#F9FAFB}
.output-val{font-size:26px;font-weight:800;color:var(--g800);letter-spacing:-.5px}
.output-val.pending{font-size:13px;font-weight:400;color:var(--ts);letter-spacing:0}
.output-note{font-size:10px;color:var(--ts);font-style:italic;margin-top:5px;line-height:1.5}

/* Calc button */
.calc-btn{width:100%;padding:15px;background:var(--g700);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(56,142,60,.3);transition:opacity .15s}
.calc-btn:disabled{background:#E5E7EB;color:#9CA3AF;cursor:not-allowed;box-shadow:none}

/* Source cards */
.source-card{background:var(--surface);border-radius:var(--radius-sm);border:1.5px solid var(--border);overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s}
.source-card.active{border-color:var(--g400);box-shadow:0 0 0 3px rgba(102,187,106,.12)}
.source-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}
.src-check{width:19px;height:19px;border-radius:5px;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.source-card.active .src-check{background:var(--g700);border-color:var(--g700)}
.src-check-mark{display:none}.source-card.active .src-check-mark{display:block}
.src-name{font-size:13px;font-weight:500;color:var(--tp);flex:1}
.source-card.active .src-name{color:var(--g800);font-weight:600}
.src-rate{font-size:11px;color:var(--ts);white-space:nowrap;font-weight:600}
.source-card.active .src-rate{color:var(--g400)}
.source-fields{display:none;padding:0 14px 13px;gap:10px;grid-template-columns:1fr 1fr}
.source-card.active .source-fields{display:grid}
.field-label{font-size:10px;font-weight:600;color:var(--ts);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.fw{position:relative}
.field-input{width:100%;padding:9px 34px 9px 10px;border:1.5px solid var(--border);border-radius:9px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--tp);background:#fff}
.field-input.over{border-color:var(--danger);background:#FEF2F2}
.field-suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--ts);pointer-events:none;font-weight:600}

/* Mix bar */
.mix-box{background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;border:1.5px solid var(--border);box-shadow:var(--shadow)}
.mix-box.over{border-color:var(--danger);background:#FEF2F2}
.mix-bar{height:10px;border-radius:5px;background:#F3F4F6;overflow:hidden;display:flex;margin-bottom:8px}
.mix-seg{height:100%}
.mix-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ts)}
.mix-ok{color:var(--g700);font-weight:700}.mix-warn{color:var(--amber);font-weight:700}.mix-over{color:var(--danger);font-weight:700}

/* Alerts */
.alert-banner{display:none;align-items:flex-start;gap:10px;background:#FEF2F2;border:1.5px solid #FECACA;border-radius:12px;padding:11px 13px}
.alert-banner.show{display:flex}
.alert-icon{width:18px;height:18px;background:var(--danger);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.alert-title{font-size:12px;font-weight:700;color:#92400E;margin-bottom:2px}
.alert-sub{font-size:11px;color:#92400E;line-height:1.5}

/* Result / KPI cards */
.result-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid}
.s-safe{background:#EDF5EF;color:#1A5C32;border-color:#9CC8A9}
.s-tight{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.s-loss{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpi{background:var(--surface);border-radius:var(--radius-sm);padding:13px;border:1px solid var(--border);box-shadow:var(--shadow)}
.kpi.hl{border-color:var(--g400);background:var(--g50)}
.kpi-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ts);margin-bottom:5px;line-height:1.3}
.kpi-val{font-size:18px;font-weight:800;color:var(--tp);line-height:1.1;letter-spacing:-.3px}
.kpi-sub{font-size:10px;color:var(--ts);margin-top:4px;line-height:1.4}
.result-card{background:var(--surface);border-radius:var(--radius);padding:15px;border:1px solid var(--border);box-shadow:var(--shadow)}
.rc-title{font-size:13px;font-weight:700;color:var(--tp);margin-bottom:10px}
.rc-sub{font-size:10px;color:var(--ts);margin-top:-6px;margin-bottom:10px;line-height:1.5}
.br-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #F3F4F6;font-size:12px}
.br-row:last-child{border-bottom:none}
.br-lbl{color:var(--ts)}.br-val{font-weight:600;color:var(--tp)}
.br-val.g{color:var(--g700)}.br-val.r{color:var(--danger)}
.br-total{background:var(--g50);margin:0 -15px -15px;padding:10px 15px;border-radius:0 0 var(--radius) var(--radius);border-top:1px solid #EDF5EF}
.br-total .br-lbl{color:var(--g800);font-weight:600}.br-total .br-val{color:var(--g800);font-size:14px}
.info-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bl);border:1px solid var(--blb);border-radius:8px;padding:3px 8px;font-size:10px;color:var(--blue);font-weight:600}
.ring-wrap{display:flex;align-items:center;gap:13px}
.ring-info .rv{font-size:22px;font-weight:700;color:var(--g800)}.ring-info .rl{font-size:11px;color:var(--ts);margin-top:2px}.ring-info .rs{font-size:10px;color:var(--ts);margin-top:6px;line-height:1.5}

/* Blend */
.blend-strip{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-bottom:8px}
.blend-seg{height:100%}
.blend-legend{display:flex;flex-direction:column;gap:5px}
.blend-item{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ts)}
.blend-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0}

/* Tariff comparison */
.tv-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.tv-name{width:80px;font-size:11px;color:var(--ts)}
.tv-bar-wrap{flex:1;height:14px;background:#F3F4F6;border-radius:4px;overflow:hidden}
.tv-bar{height:100%;border-radius:4px}
.tv-lbl{width:78px;text-align:right;font-weight:700;font-size:11px;white-space:nowrap}

/* Sales nav */
.pur-nav{display:flex;gap:4px;background:#F0F2F5;padding:4px;border-radius:14px}
.pur-btn{flex:1;padding:8px 4px;border:none;border-radius:10px;font-size:11px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;color:var(--ts);background:transparent;text-align:center;transition:all .15s}
.pur-btn.active{background:#fff;color:var(--tp);box-shadow:0 1px 6px rgba(0,0,0,.1)}
.pur-sec{display:none}.pur-sec.active{display:flex;flex-direction:column;gap:12px}

/* Product groups */
.prod-suggestion{padding:5px 11px;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:600;color:var(--tp);font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s}
.prod-suggestion:active{background:var(--g50);border-color:var(--g400)}
.prod-row{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:8px}

.device-group.has-sel{border-color:var(--blue)}
.dg-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;cursor:pointer;user-select:none}
.dg-hl{display:flex;align-items:center;gap:10px}
.dg-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dg-title{font-size:13px;font-weight:700;color:var(--tp)}
.dg-badge{font-size:10px;font-weight:600;color:var(--ts);background:#F0F2F5;padding:2px 8px;border-radius:20px;margin-left:4px}
.device-group.has-sel .dg-badge{background:var(--bl);color:var(--blue)}
.dg-chev{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--ts);transition:transform .2s}
.dg-chev.open{transform:rotate(180deg)}
.dg-list{display:none;border-top:1px solid var(--border)}
.dg-list.open{display:block}
.device-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #F3F4F6;cursor:pointer;gap:10px;transition:background .1s}
.device-row:last-child{border-bottom:none}
.device-row:hover{background:#F9FAFB}
.device-row.sel{background:var(--bl)}
.dr-name{font-size:12px;font-weight:500;color:var(--tp);flex:1;line-height:1.3}
.device-row.sel .dr-name{color:var(--blue);font-weight:600}
.dr-price{font-size:11px;color:var(--ts);white-space:nowrap;margin-right:8px}
.dr-qty{display:none;align-items:center;gap:6px;flex-shrink:0}
.device-row.sel .dr-qty{display:flex}
.dr-qb{width:26px;height:26px;border-radius:7px;border:1.5px solid var(--blb);background:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--blue);font-family:DM Sans,sans-serif}
.dr-qi{width:38px;text-align:center;border:1.5px solid var(--blb);border-radius:7px;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif;color:var(--blue);padding:4px 0;background:#fff}
.dr-qi:focus{outline:none}
.dr-sub{display:none;padding:8px 14px;background:var(--bl);font-size:11px}
.device-row.sel+.dr-sub{display:flex;justify-content:space-between;align-items:center}
.order-summary{background:var(--surface);border-radius:var(--radius);border:1.5px solid var(--blb);overflow:hidden;box-shadow:var(--shadow)}
.os-hdr{background:var(--bl);padding:11px 13px;display:flex;align-items:center;justify-content:space-between}
.os-title{font-size:13px;font-weight:700;color:var(--blue)}
.os-badge{background:var(--blue);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}
.os-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 13px;border-bottom:1px solid #F3F4F6;font-size:12px}
.os-row:last-child{border-bottom:none}
.os-dev{color:var(--tp);font-weight:500;flex:1;padding-right:8px;line-height:1.4}
.os-qty{color:var(--ts);font-size:10px;margin-top:2px}
.os-amt{font-weight:700;color:var(--tp);white-space:nowrap}
.os-tot{background:var(--blue);padding:11px 13px;display:flex;justify-content:space-between;align-items:center}
.os-tot-lbl{font-size:13px;font-weight:700;color:#fff}
.os-tot-val{font-size:17px;font-weight:700;color:#fff}
/* ── Account screen collapsible sections ── */
#screen-account .acc-section+.acc-section{margin-top:8px}
.clear-btn{width:100%;padding:11px;background:transparent;color:var(--danger);border:1.5px solid #FECACA;border-radius:14px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer}
.no-card{border-radius:var(--radius);padding:20px 14px;text-align:center}
.no-card-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;box-shadow:var(--shadow)}
.no-card-title{font-size:13px;font-weight:700;margin-bottom:4px}
.no-card-sub{font-size:11px;color:var(--ts);line-height:1.6}

/* Amort */
.amort-src{background:var(--surface);border:1.5px solid var(--plb);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.yr-card{background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.yr-pills{display:flex;gap:6px}
.yr-pill{flex:1;padding:9px 2px;border:2px solid;border-radius:10px;background:#fff;font-size:12px;font-weight:700;cursor:pointer;text-align:center;font-family:DM Sans,sans-serif;transition:all .15s}
.mo-hero{border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}
.mo-hero::before{content:'';position:absolute;top:-25px;right:-25px;width:100px;height:100px;background:rgba(255,255,255,.08);border-radius:50%}
.mo-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7);margin-bottom:5px}
.mo-amount{font-size:34px;font-weight:800;color:#fff;line-height:1;margin-bottom:4px;letter-spacing:-1px}
.mo-sub{font-size:11px;color:rgba(255,255,255,.72)}
.mo-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;color:#fff;margin-top:10px}
.mini2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-k{background:var(--surface);border-radius:var(--radius-sm);padding:12px 13px;border:1px solid;box-shadow:var(--shadow)}
.mini-k-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ts);margin-bottom:4px}
.mini-k-val{font-size:17px;font-weight:800;line-height:1;letter-spacing:-.3px}
.mini-k-sub{font-size:10px;color:var(--ts);margin-top:3px;line-height:1.4}

/* Schedule */
.sch{background:var(--surface);border:1.5px solid var(--plb);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.sch-hdr{background:var(--pl);padding:10px 13px;display:flex;justify-content:space-between;align-items:center}
.sch-title{font-size:12px;font-weight:700;color:var(--purple)}
.sch-row{display:grid;grid-template-columns:38px 1fr 1fr 1fr;gap:3px;padding:7px 13px;border-bottom:1px solid #F3F4F6;font-size:11px}
.sch-row:last-child{border-bottom:none}
.sch-row.head{background:#F9FAFB;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ts)}
.sch-row span{text-align:right}.sch-row span:first-child{text-align:left;font-weight:600;color:var(--purple)}

/* Service nav */
.wsn{display:flex;gap:6px;background:#F0F2F5;padding:4px;border-radius:12px}
.wsb{flex:1;padding:8px 5px;border:none;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;color:var(--ts);background:transparent;text-align:center;transition:all .15s}
.wsb.active{background:#fff;color:var(--tp);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.wss{display:none;flex-direction:column;gap:12px}.wss.active{display:flex}

/* Service hero */
.rev-hero{background:linear-gradient(135deg,#0D9488,#0D9488);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.rev-hero::before{content:'';position:absolute;top:-20px;right:-20px;width:85px;height:85px;background:rgba(255,255,255,.08);border-radius:50%}
.rh-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:4px}
.rh-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:9px}
.rh-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.rh-cell{background:rgba(255,255,255,.14);border-radius:9px;padding:9px 11px}
.rh-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.65);margin-bottom:3px}
.rh-val{font-size:18px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.3px}
.rh-sub{font-size:10px;color:rgba(255,255,255,.6);margin-top:2px}
.sp-share{background:linear-gradient(135deg,#0D9488,#0D9488);border-radius:var(--radius);padding:13px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}
.sp-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.75);margin-bottom:3px}
.sp-val{font-size:26px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1px}
.sp-sub{font-size:10px;color:rgba(255,255,255,.65);margin-top:2px}
.sp-box{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px 10px;text-align:center}
.sp-box-lbl{font-size:9px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.06em}
.sp-box-val{font-size:14px;font-weight:700;color:#fff;margin-top:2px}
.wmas-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:14px;box-shadow:var(--shadow)}
.wmas-card-title{font-size:13px;font-weight:700;color:var(--tp);margin-bottom:10px}
.wr{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #F3F4F6;font-size:12px}
.wr:last-child{border-bottom:none}
.wl{color:var(--ts)}.wv{font-weight:600;color:var(--tp)}
.wv.teal{color:var(--teal)}.wv.g{color:var(--g700)}.wv.r{color:var(--danger)}
.wmas-total{background:var(--tell);margin:0 -14px -14px;padding:9px 14px;border-radius:0 0 var(--radius) var(--radius);border-top:1px solid var(--telb)}
.wmas-total .wl{color:var(--teal);font-weight:600}.wmas-total .wv{color:var(--teal);font-size:14px}

/* Via hero */
.via-hero{border-radius:var(--radius);padding:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.via-hero.viable{background:linear-gradient(135deg,var(--g800),#2E8B4A)}
.via-hero.not-viable{background:linear-gradient(135deg,#991B1B,var(--danger))}
.via-hero::before{content:'';position:absolute;top:-20px;right:-20px;width:85px;height:85px;background:rgba(255,255,255,.08);border-radius:50%}
.v-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1.5px solid;margin-bottom:9px}
.v-badge.viable{background:#EDF5EF;color:#1A5C32;border-color:#9CC8A9}
.v-badge.not-viable{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.v-formula{background:rgba(255,255,255,.12);border-radius:9px;padding:9px 11px;margin-bottom:9px;font-size:11px;color:rgba(255,255,255,.88);line-height:1.7}
.v-formula strong{color:#fff}
.v-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.v-cell{background:rgba(255,255,255,.14);border-radius:9px;padding:9px 11px}
.v-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.65);margin-bottom:3px}
.v-val{font-size:17px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.3px}
.v-sub{font-size:10px;color:rgba(255,255,255,.6);margin-top:2px}
.wyc{background:var(--surface);border:1.5px solid var(--telb);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.wyt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:11px}
.wyp{display:flex;gap:4px}
.wyp-pill{flex:1;padding:9px 2px;border:2px solid var(--telb);border-radius:10px;background:#fff;font-size:11px;font-weight:700;color:var(--ts);cursor:pointer;text-align:center;font-family:DM Sans,sans-serif;transition:all .15s}
.wyp-pill.active{background:var(--teal);border-color:var(--teal);color:#fff}

/* Resources */
.res-hero{background:linear-gradient(135deg,#0F2B5B,#1D4ED8);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.res-hero::before{content:'';position:absolute;top:-25px;right:-25px;width:90px;height:90px;background:rgba(255,255,255,.08);border-radius:50%}
.rhe-tag{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:4px}
.rhe-title{font-size:17px;font-weight:700;color:#fff;margin-bottom:3px}
.rhe-sub{font-size:11px;color:rgba(255,255,255,.75);line-height:1.5}
.res-search{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:9px 12px;margin-top:12px;display:flex;align-items:center;gap:8px}
.res-search input{background:transparent;border:none;outline:none;font-size:13px;font-family:DM Sans,sans-serif;color:#fff;flex:1}
.res-search input::placeholder{color:rgba(255,255,255,.5)}
.res-search svg{color:rgba(255,255,255,.6);flex-shrink:0}
.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.res-stat{background:rgba(255,255,255,.12);border-radius:10px;padding:9px 10px;text-align:center}
.res-stat-val{font-size:17px;font-weight:700;color:#fff}
.res-stat-lbl{font-size:9px;color:rgba(255,255,255,.65);margin-top:2px;text-transform:uppercase;letter-spacing:.05em}
.filter-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.filter-bar::-webkit-scrollbar{display:none}
.filter-pill{padding:6px 13px;border:1.5px solid var(--border);border-radius:20px;font-size:11px;font-weight:600;color:var(--ts);background:var(--surface);white-space:nowrap;cursor:pointer;font-family:DM Sans,sans-serif;flex-shrink:0}
.filter-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}
.res-toolbar{display:flex;align-items:center;justify-content:space-between}
.res-count{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ts)}
.view-toggle{display:flex;background:#F3F4F6;padding:3px;border-radius:9px}
.vt-btn{flex:1;padding:5px;border:none;border-radius:7px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ts)}
.vt-btn.active{background:#fff;color:var(--blue);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.collateral-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;cursor:pointer;box-shadow:var(--shadow)}
.cc-thumb{height:88px;display:flex;align-items:center;justify-content:center;position:relative}
.cc-ti{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.cc-type{position:absolute;top:7px;right:7px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}
.cc-body{padding:10px 11px}
.cc-title{font-size:11px;font-weight:700;color:var(--tp);margin-bottom:3px;line-height:1.35}
.cc-cat{font-size:10px;color:var(--ts);margin-bottom:7px}
.cc-footer{display:flex;align-items:center;justify-content:space-between}
.cc-size{font-size:10px;color:var(--ts)}
.cc-dl{display:flex;align-items:center;gap:3px;background:var(--bl);border:1px solid var(--blb);border-radius:7px;padding:3px 8px;font-size:10px;font-weight:700;color:var(--blue);cursor:pointer}
.collateral-list{display:flex;flex-direction:column;gap:8px}
.cl-item{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:11px 13px;display:flex;align-items:center;gap:11px;cursor:pointer;box-shadow:var(--shadow)}
.cl-item:hover{border-color:var(--blb)}
.cl-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cl-body{flex:1;min-width:0}
.cl-title{font-size:12px;font-weight:600;color:var(--tp);line-height:1.35;margin-bottom:2px}
.cl-meta{font-size:10px;color:var(--ts)}
.cl-dl{width:30px;height:30px;border-radius:8px;background:var(--bl);border:1px solid var(--blb);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 18px;text-align:center}
.empty-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 11px}
.empty-title{font-size:14px;font-weight:600;color:var(--tp);margin-bottom:4px}
.empty-sub{font-size:11px;color:var(--ts);line-height:1.6}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}
@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ── Celebration & milestone animations ── */
@keyframes popIn{0%{opacity:0;transform:scale(.4) rotate(-10deg)}60%{transform:scale(1.15) rotate(2deg)}80%{transform:scale(.95)}100%{opacity:1;transform:scale(1) rotate(0deg)}}
@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-90px) scale(.6)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}
@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}
@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
@keyframes ripple{0%{transform:scale(0);opacity:.6}100%{transform:scale(4);opacity:0}}
@keyframes wipeOut{0%{opacity:1;transform:scale(1) rotate(0deg)}30%{transform:scale(1.05)}70%{opacity:.3;transform:scale(.4) rotate(20deg)}100%{opacity:0;transform:scale(0) rotate(45deg)}}
@keyframes tada{0%,100%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
.rt-snav-btn{flex:1;padding:7px 3px;border:none;border-radius:9px;font-size:10px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;color:rgba(255,255,255,.65);background:transparent;text-align:center;transition:all .15s}
.rt-snav-btn.active{background:rgba(255,255,255,.18);color:#fff}
.stop-card{background:var(--surface);border-bottom:1px solid var(--border);padding:11px 14px;display:flex;align-items:flex-start;gap:10px;transition:background .15s}
.stop-card:last-child{border-bottom:none}
.stop-card:nth-child(even){background:#F9FAFB}
.stop-card.done{background:#EDF5EF}
.stop-card.done:nth-child(even){background:#ECFDF5}
.stop-card.done{background:var(--g50);border-color:var(--g400);opacity:.75}
.stop-num{width:24px;height:24px;border-radius:50%;background:var(--g700);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.stop-card.done .stop-num{background:var(--g400)}
.stop-body{flex:1;min-width:0}
.stop-name{font-size:13px;font-weight:600;color:var(--tp);margin-bottom:2px}
.stop-addr{font-size:11px;color:var(--ts);margin-bottom:4px}
.stop-notes{font-size:10px;color:var(--ts);font-style:italic}
.stop-actions{display:flex;gap:5px;margin-top:7px}
.stop-done-btn{padding:4px 10px;background:var(--g50);border:1px solid var(--g400);border-radius:7px;font-size:10px;font-weight:700;color:var(--g800);cursor:pointer;font-family:DM Sans,sans-serif}
.loc-suggestion{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background .1s}
.loc-suggestion:last-child{border-bottom:none}
.loc-suggestion:hover,.loc-suggestion:active{background:#F9FAFB}
.loc-suggestion-icon{width:28px;height:28px;border-radius:8px;background:var(--g50);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.loc-suggestion-name{font-size:12px;font-weight:600;color:var(--tp);margin-bottom:2px;line-height:1.3}
.loc-suggestion-addr{font-size:10px;color:var(--ts);line-height:1.4}
.loc-searching{padding:14px 13px;text-align:center;font-size:12px;color:var(--ts);display:flex;align-items:center;justify-content:center;gap:8px}
.stop-del-btn{padding:4px 10px;background:#FEF2F2;border:1px solid #FECACA;border-radius:7px;font-size:10px;font-weight:700;color:var(--danger);cursor:pointer;font-family:DM Sans,sans-serif}
.stop-cam-btn{padding:4px 10px;background:var(--bl);border:1px solid var(--blb);border-radius:7px;font-size:10px;font-weight:700;color:var(--blue);cursor:pointer;font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;gap:4px}
.stop-photos{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #F3F4F6}
.stop-photo-thumb{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0}
.stop-photo-thumb img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.stop-photo-del{position:absolute;top:2px;right:2px;width:16px;height:16px;background:rgba(0,0,0,.65);color:#fff;border:none;border-radius:50%;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.rep-card{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 12px;display:flex;align-items:center;gap:10px;margin-bottom:7px;box-shadow:var(--shadow)}
.rep-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.rep-name{font-size:12px;font-weight:600;color:var(--tp);flex:1}
.rep-status{font-size:10px;color:var(--ts)}
.rep-badge{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px}
.odoo-spill{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;background:rgba(255,255,255,.12);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2);cursor:pointer;white-space:nowrap;font-family:DM Sans,sans-serif;flex-shrink:0}
.odoo-spill.active{background:rgba(255,255,255,.9);color:#0F2B5B}
.odoo-opp-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 11px;display:flex;align-items:flex-start;gap:9px}
.odoo-opp-card.added{background:rgba(102,187,106,.2);border-color:rgba(102,187,106,.4)}
.odoo-opp-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:2px;line-height:1.3}
.odoo-opp-meta{font-size:10px;color:rgba(255,255,255,.7)}
.odoo-stage-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}
.leaflet-control-attribution{font-size:8px!important;background:rgba(0,0,0,.6)!important;color:rgba(255,255,255,.4)!important;padding:2px 6px!important;border-radius:4px!important}
.tab.tab-premium-locked::after{content:'🔒';font-size:7px;position:absolute;top:2px;right:2px;line-height:1;opacity:.7}
.leaflet-control-zoom{display:none}
.leaflet-container{background:#f8f5f0}
.leaflet-popup-content-wrapper{background:#fff;color:#111;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px rgba(0,0,0,.15)}
.leaflet-popup-tip{background:#fff}
.leaflet-popup-content{margin:10px 14px;font-size:13px;font-family:DM Sans,sans-serif;font-weight:600;color:#111}
.leaflet-popup-close-button{color:rgba(0,0,0,.4)!important}

/* ── INVESTMENT TABS CSS ── */
.result-card{background:var(--surface);border-radius:14px;padding:14px;border:1px solid var(--border)}
.rc-title{font-size:13px;font-weight:600;color:var(--tp);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.br-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #F3F4F6;font-size:12px}
.br-row:last-child{border-bottom:none}
.br-lbl{color:var(--ts)}.br-val{font-weight:600;color:var(--tp)}
.br-val.g{color:#2E8B4A}.br-val.r{color:var(--danger)}
.fi-sel{appearance:none;padding-right:32px;cursor:pointer}
.sel-arr{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none}
.fi-group{margin-bottom:12px}.fi-group:last-child{margin-bottom:0}
.fi-label{font-size:11px;font-weight:600;color:var(--ts);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}
.divider-line{height:1px;background:var(--border);margin:12px 0}
.s-gain{background:#EDF5EF;color:#1A5C32;border-color:#9CC8A9}
.s-warn{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.s-loss{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.result-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid}
.kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpi{background:var(--surface);border-radius:14px;padding:12px 13px;border:1px solid var(--border)}
.kpi.hl{border-color:var(--g400);background:var(--g50)}
.kpi-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ts);margin-bottom:5px;line-height:1.3}
.kpi-val{font-size:17px;font-weight:700;color:var(--tp);line-height:1.1}
.kpi-sub{font-size:10px;color:var(--ts);margin-top:4px}
.blend-strip{display:flex;height:9px;border-radius:4px;overflow:hidden;margin-bottom:7px}
.blend-seg{height:100%}
.blend-legend{display:flex;flex-direction:column;gap:4px}
.blend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ts)}
.blend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.qadd-card{background:var(--surface);border-radius:14px;border:1.5px solid var(--g200);padding:14px}
/* ═══════════════════════════════════════
   KIBETI GLOBAL UI POLISH — v7
   ═══════════════════════════════════════ */

/* ── Deeper design tokens ── */
:root {
  --radius-card: 18px;
  --radius-pill: 14px;
  --radius-btn: 13px;
  --shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.06);
  --shadow-elevated: 0 2px 8px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.08);
  --transition-snap: all .18s cubic-bezier(.4,0,.2,1);
}

/* ── Body & base ── */
body { -webkit-font-smoothing: antialiased; }

/* ── App header ── */
.app-header {
  background: linear-gradient(160deg,#0a2016 0%,#0F2B1A 60%,#163a22 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 2px 12px rgba(0,0,0,.25);
  transition: padding .25s ease;
}
/* ── Collapsible header body: logo + hero only. Shortcut icons (home, coach
   switch, Money Run, currency, notifications, profile) live in .app-header-top,
   which sits OUTSIDE this container and stays visible at all times. ── */
#header-collapsible {
  transition: max-height .3s cubic-bezier(.4,0,.2,1), opacity .2s ease, margin-top .3s ease;
  max-height: 240px;
  opacity: 1;
  overflow: hidden;
  margin-top: 0;
}
.app-header.header-collapsed #header-collapsible {
  max-height: 0 !important;
  opacity: 0;
  pointer-events: none;
  margin-top: 0;
}
/* Keep padding tight when collapsed */
.app-header.header-collapsed {
  padding-bottom: 2px !important;
}
.hero-card {
  border-radius: 16px;
  padding: 14px 16px;
  background: linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 100%);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.hero-card::before { display:none; }
.hero-tag {
  font-size: 8.5px;
  letter-spacing: .14em;
  color: rgba(255,255,255,.55);
  margin-bottom: 4px;
}
.hero-title { font-size: 15px; font-weight: 800; letter-spacing: -.25px; }
.hero-sub { font-size: 11px; color: rgba(255,255,255,.6); }

/* Slim bar visible when collapsed */
#header-slim-bar {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 0 1px;
  cursor: pointer;
  transition: opacity .2s ease;
  opacity: 0;
}
.app-header.header-collapsed #header-slim-bar {
  display: flex;
  opacity: 1;
}
#header-slim-bar .slim-title {
  font-size: 12px;
  font-weight: 800;
  color: rgba(255,255,255,.85);
  letter-spacing: -.1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
#header-slim-bar .slim-expand {
  font-size: 10px;
  color: rgba(255,255,255,.45);
  display: flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}
/* Collapse handle */
#header-collapse-handle {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 3px 0 0;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#header-collapse-handle .handle-pill {
  width: 32px;
  height: 3px;
  background: rgba(255,255,255,.18);
  border-radius: 2px;
  transition: background .2s;
}
#header-collapse-handle:active .handle-pill {
  background: rgba(255,255,255,.4);
}


/* ── Tab bar ── */
.tab-bar {
  background: var(--surface);
  border-top: 1px solid var(--border);
  box-shadow: 0 -4px 20px rgba(0,0,0,.06);
}
.tab { transition: var(--transition-snap); padding: 5px 0 3px; }
.tab svg { width: 20px; height: 20px; transition: var(--transition-snap); }
.tab-lbl { font-size: 8.5px; font-weight: 700; letter-spacing: .01em; }
.tab.active svg { transform: translateY(-1px); }
.tab.active .tab-lbl { color: var(--g700); }

/* ── Screen body ── */
.screen-body { gap: 12px; }

/* ── Section labels ── */
.sec-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--ts);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.sec-label::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 12px;
  background: var(--g700);
  border-radius: 2px;
  flex-shrink: 0;
}

/* ── Input cards ── */
.input-card {
  border-radius: var(--radius-card);
  padding: 18px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}
.fi {
  border-radius: 11px;
  padding: 11px 40px 11px 14px;
  font-size: 14px;
  border: 1.5px solid var(--border);
  transition: var(--transition-snap);
}
.fi:focus {
  border-color: var(--g500,#2E8B4A);
  box-shadow: 0 0 0 3px rgba(34,197,94,.1);
  background: #FAFFFE;
}

/* ── Calc button ── */
.calc-btn {
  border-radius: var(--radius-btn);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 4px 14px rgba(21,128,61,.3);
  transition: var(--transition-snap);
}
.calc-btn:not(:disabled):active { transform: scale(.98); box-shadow: 0 2px 8px rgba(21,128,61,.2); }

/* ── KPI cards ── */
.kpi {
  border-radius: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
  transition: var(--transition-snap);
}
.kpi.hl {
  border-color: #9CC8A9;
  background: linear-gradient(135deg,#EDF5EF,#F7FFF9);
  box-shadow: 0 0 0 1px #9CC8A9, var(--shadow-card);
}
.kpi-val { font-size: 18px; font-weight: 800; letter-spacing: -.4px; }
.kpi-lbl { font-size: 9.5px; font-weight: 700; letter-spacing: .07em; }

/* ── Result cards ── */
.result-card {
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}

/* ── Source cards ── */
.source-card {
  border-radius: 14px;
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-card);
  transition: var(--transition-snap);
}
.source-card.active {
  border-color: var(--g500,#2E8B4A);
  box-shadow: 0 0 0 3px rgba(34,197,94,.1), var(--shadow-card);
}

/* ── Group landing quick-launch pills ── */
.group-pill {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 14px 11px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  cursor: pointer;
  min-width: 70px;
  transition: var(--transition-snap);
  box-shadow: var(--shadow-card);
}
.group-pill:active { transform: scale(.96); box-shadow: none; }
.group-pill-icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group-pill-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--tp);
  text-align: center;
  line-height: 1.25;
  letter-spacing: .01em;
}

/* ── Group landing header card ── */
.group-header-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}
.group-header-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: rgba(255,255,255,.2);
}
.group-header-icon {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.group-header-title { font-size: 15px; font-weight: 800; color: #fff; letter-spacing: -.25px; }
.group-header-sub { font-size: 10.5px; color: rgba(255,255,255,.7); margin-top: 2px; }

/* ── Stop cards (route plan) ── */
.stop-card {
  border-radius: 12px;
  border: 1px solid var(--border);
  margin: 0 0 6px;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-card);
}

/* ── Pipeline cards ── */
.pipeline-card {
  border-radius: 14px !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: var(--transition-snap);
}

/* ── Empty states ── */
.empty-state { padding: 40px 20px; }
.empty-icon {
  width: 52px; height: 52px;
  border-radius: 16px;
  background: var(--g50);
  margin-bottom: 14px;
}
.empty-title { font-size: 15px; font-weight: 800; letter-spacing: -.2px; }
.empty-sub { font-size: 12px; line-height: 1.65; max-width: 260px; margin: 0 auto; }

/* ── Coach banner — intentionally minimal override; base styles in main CSS ── */
.coach-banner {
  box-shadow: var(--shadow-card);
}

/* ── Badges & pills ── */
.result-badge { border-radius: 20px; font-size: 10.5px; font-weight: 800; }

/* ── Filter pills ── */
.filter-pill {
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 14px;
  transition: var(--transition-snap);
}
.filter-pill.active {
  box-shadow: 0 2px 8px rgba(29,78,216,.2);
}

/* ── No-data cards ── */
.no-card {
  border-radius: 16px;
  padding: 24px 16px;
  border: 1px dashed var(--border);
  background: var(--surface);
}

/* ── Blend / mix bars ── */
.mix-bar, .blend-strip { border-radius: 6px; }

/* ── Alert banners ── */
.alert-banner {
  border-radius: 13px;
  border: 1.5px solid #FECACA;
}

/* ── Resource cards ── */
.cc-card {
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
  transition: var(--transition-snap);
}
.cc-card:active { transform: scale(.98); }
.cl-item {
  border-radius: 13px;
  box-shadow: var(--shadow-card);
  transition: var(--transition-snap);
}
.cl-item:active { transform: scale(.99); }

/* ── PUR nav (Sales sub-nav) ── */
.pur-nav { border-radius: 16px; padding: 5px; }
.pur-btn { border-radius: 12px; font-size: 11.5px; font-weight: 700; }
.pur-btn.active { box-shadow: 0 2px 8px rgba(0,0,0,.1); font-weight: 800; }

/* ── Device groups ── */
.device-group { border-radius: 14px; box-shadow: var(--shadow-card); }

/* ── Output display ── */
.output-display {
  border-radius: 13px;
  padding: 14px 16px;
  border: 2px solid var(--g200);
}
.output-val { font-size: 28px; letter-spacing: -.6px; }

/* ── Amort / schedule ── */
.sch { border-radius: 16px; box-shadow: var(--shadow-card); }
.yr-card { border-radius: 16px; border: 1px solid var(--border); box-shadow: var(--shadow-card); }
.yr-pill { border-radius: 11px; }

/* ── Mix box ── */
.mix-box { border-radius: 14px; box-shadow: var(--shadow-card); }

/* ── Dark mode ── */
[data-theme="dark"] .input-card,
[data-theme="dark"] .kpi,
[data-theme="dark"] .result-card,
[data-theme="dark"] .source-card,
[data-theme="dark"] .mix-box,
[data-theme="dark"] .yr-card,
[data-theme="dark"] .no-card,
[data-theme="dark"] .cc-card,
[data-theme="dark"] .cl-item,
[data-theme="dark"] .stop-card,
[data-theme="dark"] .group-pill {
  box-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.2);
}
[data-theme="dark"] .fi:focus { background: #161b22; }
[data-theme="dark"] .kpi.hl { background: linear-gradient(135deg,#0d2818,#0f2e1c); }
[data-theme="dark"] .coach-banner { background: linear-gradient(135deg,#0d2818,#111); }
[data-theme="dark"] .filter-pill.active { box-shadow: 0 2px 8px rgba(96,165,250,.15); }

/* ── Micro-interactions ── */
@keyframes cardPop { 0%{transform:scale(.98);opacity:.8} 100%{transform:scale(1);opacity:1} }
/* cardPop removed from result-card/kpi/input-card — causes flicker on dynamically populated elements */

.qadd-title{font-size:12px;font-weight:700;color:var(--g800);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.qadd-row{display:flex;gap:8px;align-items:flex-end}
.qadd-sel-wrap{flex:1;position:relative}
.qadd-sel{width:100%;padding:10px 32px 10px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--tp);background:#fff;appearance:none;cursor:pointer}
.qadd-sel:focus{outline:none;border-color:var(--g400)}
.qadd-preview{margin-top:10px;background:var(--g50);border:1px solid var(--g200);border-radius:10px;padding:10px 12px;display:none}
.qadd-preview-name{font-size:12px;font-weight:700;color:var(--g800);margin-bottom:4px}
.qadd-preview-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.qptag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;background:rgba(0,0,0,.06);color:var(--ts)}
.qadd-amount-row{display:flex;gap:8px;align-items:center;margin-top:4px}
.qadd-amount-row label{font-size:11px;font-weight:600;color:var(--ts);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}
.qadd-amount-input{flex:1;padding:9px 40px 9px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;color:var(--tp)}
.qadd-amount-input:focus{outline:none;border-color:var(--g400)}
.qadd-add-btn{padding:9px 18px;background:var(--g700);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;white-space:nowrap}
.port-row{background:var(--surface);border-radius:12px;border:1px solid var(--border);padding:11px 13px}
.port-row-top{display:flex;align-items:flex-start;gap:10px}
.port-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}
.port-main{flex:1;min-width:0}
.port-name{font-size:12px;font-weight:600;color:var(--tp)}
.port-meta{font-size:10px;color:var(--ts);margin-top:1px}
.port-right{text-align:right;flex-shrink:0}
.port-val{font-size:13px;font-weight:700;color:var(--tp)}
.port-ret{font-size:10px;margin-top:1px}
.port-actions{display:flex;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid #F3F4F6}
.port-btn{flex:1;padding:7px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px}
.port-btn.edit{background:var(--g50);color:var(--g700);border:1px solid var(--g200)}
.port-btn.del{background:#FEF2F2;color:var(--danger);border:1px solid #FECACA}
.risk-bar-wrap{height:6px;background:#F3F4F6;border-radius:3px;overflow:hidden;margin-top:4px}
.risk-bar-fill{height:100%;border-radius:3px}
.coach-note{margin-top:9px;background:#FEF3C7;border:1px solid #FCD34D;border-radius:8px;padding:8px 10px;font-size:11px;color:#78350F;line-height:1.55;display:flex;gap:7px;align-items:flex-start}
.inv-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:9200;display:none;align-items:flex-end}
.inv-modal-overlay.open{display:flex}
.inv-modal-sheet{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;padding:0 16px 32px;animation:slideUp .25s ease}
.inv-modal-sheet::-webkit-scrollbar{display:none}
.inv-modal-handle{width:36px;height:4px;background:#E5E7EB;border-radius:2px;margin:12px auto 16px}
.inv-modal-title{font-size:16px;font-weight:700;color:var(--tp);margin-bottom:3px}
.inv-modal-sub{font-size:12px;color:var(--ts);margin-bottom:18px}
.inv-modal-btn-row{display:flex;gap:8px;margin-top:16px}
.inv-modal-btn-row .calc-btn{margin:0;flex:2}
.inv-modal-cancel{flex:1;padding:13px;background:transparent;color:var(--ts);border:1.5px solid var(--border);border-radius:14px;font-size:14px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer}
.inv-del-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9200;display:none;align-items:center;justify-content:center;padding:20px}
.inv-del-modal-overlay.open{display:flex}
.inv-del-modal{background:var(--surface);border-radius:18px;padding:24px 20px;width:100%;max-width:340px;text-align:center}
.inv-del-modal-ico{width:52px;height:52px;background:#FEF2F2;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.inv-del-modal h3{font-size:16px;font-weight:700;color:var(--tp);margin-bottom:7px}
.inv-del-modal p{font-size:12px;color:var(--ts);line-height:1.6;margin-bottom:20px}
.inv-del-modal-btns{display:flex;gap:8px}
.inv-del-modal-btns button{flex:1;padding:12px;border-radius:12px;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;border:none}
.inv-del-confirm-btn{background:var(--danger);color:#fff}
.inv-del-cancel-b{background:#F3F4F6;color:var(--tp)}
.mini2{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mini-k{background:var(--surface);border-radius:11px;padding:11px 12px;border:1px solid}
.mini-k-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ts);margin-bottom:4px}
.mini-k-val{font-size:16px;font-weight:700;line-height:1}
.slider-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.slider-row label{font-size:11px;font-weight:600;color:var(--ts);text-transform:uppercase;letter-spacing:.05em;min-width:100px}
.slider-row input[type=range]{flex:1;accent-color:var(--g700)}
.slider-row .sl-val{font-size:13px;font-weight:700;color:var(--tp);min-width:68px;text-align:right}
.sens-asset-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.sens-pill{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;font-family:DM Sans,sans-serif;background:var(--surface);border:1.5px solid var(--border);color:var(--ts);transition:all .12s}
.sens-pill:hover{border-color:var(--g400);color:var(--g700)}
.sens-pill.active{border-color:var(--g700);background:var(--g50);color:var(--g700)}
.sens-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sens-table{border-collapse:collapse;font-size:11px;width:100%;min-width:280px}
.sens-table th{background:#F9FAFB;padding:6px 8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ts);font-size:9px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}
.sens-table th:first-child{text-align:left}
.sens-table td{padding:6px 8px;border-bottom:1px solid #F9FAFB;text-align:center;white-space:nowrap}
.sens-table td:first-child{font-weight:600;color:var(--tp);text-align:left;background:#F9FAFB}
.sens-table tr:last-child td{border-bottom:none}
.sens-cell-lo{background:#EDF5EF;color:#1A5C32;font-weight:600;border-radius:4px}
.sens-cell-mid{background:#EFF6FF;color:#1D4ED8;font-weight:600;border-radius:4px}
.sens-cell-hi{background:#FAEEDA;color:#854F0B;font-weight:600;border-radius:4px}
.sens-cell-vhi{background:#FEF3C7;color:#92400E;font-weight:600;border-radius:4px}
.score-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.score-lbl{min-width:110px;font-size:12px;color:var(--tp)}
.score-bar-wrap{flex:1;height:7px;background:#F3F4F6;border-radius:4px;overflow:hidden}
.score-bar-fill{height:100%;border-radius:4px}
.score-num{min-width:28px;font-size:11px;font-weight:700;text-align:right}
.score-note{min-width:100px;font-size:10px;color:var(--ts);text-align:right}
.sugg-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.sugg-txt{font-size:12px;color:var(--tp);line-height:1.5}
.ap-row{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid #F9FAFB}
.ap-row:last-child{border-bottom:none}
.ap-check{width:18px;height:18px;border-radius:5px;border:2px solid var(--border);flex-shrink:0;margin-top:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff}
.ap-check.done{background:var(--g700);border-color:var(--g700)}
.ap-body{flex:1;min-width:0}
.ap-text{font-size:12px;color:var(--tp);line-height:1.4}
.ap-text.striked{text-decoration:line-through;color:var(--ts)}
.ap-by{font-size:10px;margin-top:2px}
.ap-del{background:none;border:none;cursor:pointer;color:var(--ts);padding:3px 5px;border-radius:5px;flex-shrink:0}
.ap-del:hover{background:#FEF2F2;color:var(--danger)}
.ap-add-row{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.ap-add-input{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:9px;font-size:12px;font-family:DM Sans,sans-serif;color:var(--tp)}
.ap-add-input:focus{outline:none;border-color:var(--g400)}
.ap-add-sel{padding:8px 10px;border:1.5px solid var(--border);border-radius:9px;font-size:12px;font-family:DM Sans,sans-serif;color:var(--tp);background:var(--surface);appearance:none;min-width:66px}
.ap-add-btn{padding:8px 14px;background:var(--g700);color:#fff;border:none;border-radius:9px;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer}
.topup-preset{padding:5px 11px;background:var(--g50);border:1px solid var(--g200);border-radius:20px;font-size:11px;font-weight:700;color:var(--g700);cursor:pointer;font-family:DM Sans,sans-serif;transition:all .12s}
.topup-preset:hover,.topup-preset.active{background:var(--g700);color:#fff;border-color:var(--g700)}
.platform-pill{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1.5px solid;border-radius:10px;cursor:pointer;font-size:11px;font-weight:700;transition:opacity .15s}
.platform-pill:hover{opacity:.8}
.rate-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #F3F4F6}
.rate-row:last-child{border-bottom:none}
.rate-name{flex:1;min-width:0}
.rate-asset{font-size:12px;font-weight:600;color:var(--tp)}
.rate-cat{font-size:10px;color:var(--ts);margin-top:1px}
.rate-input-wrap{display:flex;align-items:center;gap:5px;flex-shrink:0}
.rate-input{width:72px;padding:7px 8px;border:1.5px solid var(--border);border-radius:9px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;color:var(--tp);text-align:center}
.rate-input:focus{outline:none;border-color:var(--g400)}
.rate-input.has-value{border-color:#9CC8A9;background:#EDF5EF;color:#1A5C32}
.src-link-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;background:#F9FAFB;border:1px solid var(--border)}
.src-link-row a{font-size:12px;font-weight:600;color:var(--g700);text-decoration:none;flex:1}
.nudge-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9600;display:none;align-items:flex-end}
.nudge-overlay.open{display:flex}
.nudge-sheet{background:var(--surface);border-radius:22px 22px 0 0;width:100%;padding:0 20px 36px;animation:slideUp .25s ease}
.nudge-handle{width:36px;height:4px;background:#E5E7EB;border-radius:2px;margin:12px auto 20px}
.nudge-ico{width:60px;height:60px;border-radius:18px;background:var(--g50);border:2px solid var(--g200);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.nudge-title{font-size:17px;font-weight:700;color:var(--tp);text-align:center;margin-bottom:7px}
.nudge-body{font-size:13px;color:var(--ts);text-align:center;line-height:1.6;margin-bottom:22px}
.nudge-btn{width:100%;padding:14px;background:var(--g700);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;margin-bottom:10px}
.nudge-skip{width:100%;padding:11px;background:transparent;color:var(--ts);border:1.5px solid var(--border);border-radius:14px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer}
.upgrade-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:400;display:none;align-items:flex-end}
.upgrade-overlay.open{display:flex}
.upgrade-sheet{background:linear-gradient(170deg,#0F2D1A,#1B4F38);border-radius:24px 24px 0 0;width:100%;padding:0 22px 36px;animation:slideUp .28s ease;border-top:2px solid rgba(255,255,255,.15);max-height:90vh;max-height:90dvh;overflow-y:auto}
.upgrade-handle{width:36px;height:4px;background:rgba(255,255,255,.3);border-radius:2px;margin:12px auto 18px}
.upgrade-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.3px}
.upgrade-body{font-size:13px;color:rgba(255,255,255,.8);line-height:1.65;margin-bottom:20px}
.upgrade-price-row{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:14px 16px;margin-bottom:16px;text-align:center}
.upgrade-cta{width:100%;padding:15px;border-radius:13px;background:linear-gradient(135deg,#2E8B4A,#1A5C32);color:#fff;font-size:15px;font-weight:700;font-family:DM Sans,sans-serif;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3);margin-bottom:10px}
.upgrade-skip{width:100%;padding:11px;background:transparent;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2);border-radius:13px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer}
.sec-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sec-label-row .sec-label{margin-bottom:0}
.output-field-label{font-size:11px;font-weight:700;color:var(--g800);margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.05em}
.output-tag{font-size:9px;font-weight:600;background:var(--g700);color:#fff;padding:2px 7px;border-radius:20px}
.output-display{width:100%;padding:13px 14px;border:2px solid var(--g200);border-radius:10px;background:var(--g50);display:flex;align-items:center;justify-content:space-between;min-height:48px}
.output-val{font-size:20px;font-weight:700;color:var(--g800)}
.output-note{font-size:10px;color:var(--ts);font-style:italic;margin-top:5px}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ── COACH BANNER ── */
.coach-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#EBF8F2 0%,#EFF6FF 100%);border:2px solid #2E8B4A;border-radius:16px;padding:13px 15px;position:relative}
.coach-avatar{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#2E8B4A,#1A5C32);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;box-shadow:0 2px 8px rgba(15,112,87,.22)}
.coach-msg{flex:1;min-width:0}
.coach-msg-title{font-size:10px;font-weight:800;color:#1A5C32;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;display:flex;align-items:center;gap:5px}
.coach-msg-title::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#2E8B4A;flex-shrink:0}
.coach-msg-body{font-size:12px;color:#0F2B1A;line-height:1.55}

/* ── AGE RANGE PILLS ── */
.age-pill{padding:7px 13px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif;color:var(--ts);background:var(--surface);cursor:pointer;transition:all .15s}
.age-pill.active{background:var(--g700);color:#fff;border-color:var(--g700)}

/* ── SKIN TONE BUTTONS ── */
.skin-btn{width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;font-size:20px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.skin-btn:hover{border-color:var(--g400);background:var(--g50)}
.skin-btn.active{border-color:var(--g700);background:var(--g50);transform:scale(1.15)}

/* ═══════════════════════════════════════════════════════
   DARK MODE (Night Mode) — applied via data-theme="dark"
   on <html>. All CSS-variable surfaces flip automatically.
   ═══════════════════════════════════════════════════════ */
[data-theme="dark"] {
  --bg:#0D1117;
  --surface:#161B22;
  --tp:#E6EDF3;
  --ts:#8B949E;
  --border:#30363D;
  --bg2:#1C2128;
  --g500:#22c55e;
  --xp-w:0%;
  --shadow:0 1px 4px rgba(0,0,0,.3);
  --shadow-md:0 2px 12px rgba(0,0,0,.4);
  /* greens stay vivid but lightened for dark bg contrast */
  --g50:#0D2318;
  --g200:#1A4731;
  --g400:#22C55E;
  --g700:#16A34A;
  --g800:#4ADE80;
  --g900:#0F2B1A;
  /* status colours — slightly softened */
  --danger:#F87171;
  --amber:#FCD34D;
  --blue:#60A5FA;
  --bl:#0F1B2D;
  --blb:#1E3A5F;
  --pl:#0D2318;
  --plb:#1A4731;
  --teal:#2DD4BF;
  --tell:#0D2926;
  --telb:#134E4A;
}

/* ── Body & phone container ── */
[data-theme="dark"] body,
[data-theme="dark"] .phone { background:var(--bg); }

/* ── Tab bar ── */
[data-theme="dark"] .tab-bar { background:var(--surface); border-top-color:var(--border); }

/* ── All white / light backgrounds in cards ── */
[data-theme="dark"] .input-card,
[data-theme="dark"] .result-card,
[data-theme="dark"] .kpi,
[data-theme="dark"] .source-card,
[data-theme="dark"] .mix-box,
[data-theme="dark"] .order-summary,
[data-theme="dark"] .wmas-card,
[data-theme="dark"] .yr-card,
[data-theme="dark"] .sch,
[data-theme="dark"] .amort-src,
[data-theme="dark"] .prod-row,
[data-theme="dark"] .no-card { background:var(--surface); border-color:var(--border); }

/* ── Form inputs ── */
[data-theme="dark"] .fi,
[data-theme="dark"] .field-input,
[data-theme="dark"] .dr-qb,
[data-theme="dark"] .dr-qi { background:#0D1117; border-color:var(--border); color:var(--tp); }

[data-theme="dark"] .fi:focus { border-color:var(--g400); }

/* ── Purchase / service nav pills ── */
[data-theme="dark"] .pur-nav,
[data-theme="dark"] .wsn { background:#1C2128; }
[data-theme="dark"] .pur-btn.active,
[data-theme="dark"] .wsb.active { background:var(--surface); color:var(--tp); }

/* ── Mix bar / blend ── */
[data-theme="dark"] .mix-bar { background:#21262D; }

/* ── Device rows ── */
[data-theme="dark"] .device-row { border-bottom-color:var(--border); }
[data-theme="dark"] .device-row:hover { background:#1C2128; }
[data-theme="dark"] .device-row.sel { background:var(--bl); }
[data-theme="dark"] .dr-sub { background:var(--bl); }
[data-theme="dark"] .dg-badge { background:#21262D; color:var(--ts); }

/* ── Section rows / dividers ── */
[data-theme="dark"] .br-row,
[data-theme="dark"] .os-row { border-bottom-color:var(--border); }
[data-theme="dark"] .sch-row { border-bottom-color:var(--border); }
[data-theme="dark"] .sch-row.head { background:#1C2128; }

/* ── Output fields ── */
[data-theme="dark"] .output-display.pending { background:#161B22; border-color:var(--border); }
[data-theme="dark"] .output-display { background:var(--g50); border-color:var(--g200); }
[data-theme="dark"] .output-val.pending { color:var(--ts); }

/* ── Alert banners ── */
[data-theme="dark"] .alert-banner { background:#2D1111; border-color:#5C2626; }
[data-theme="dark"] .alert-title,
[data-theme="dark"] .alert-sub { color:#FCA5A5; }

/* ── Status badges ── */
[data-theme="dark"] .s-safe { background:#0D2318; color:#2E8B4A; border-color:#1A4731; }
[data-theme="dark"] .s-tight { background:#2D2008; color:#FCD34D; border-color:#4D3612; }
[data-theme="dark"] .s-loss { background:#2D2008; color:#FCD34D; border-color:#4D3612; }

/* ── Info pill ── */
[data-theme="dark"] .info-pill { background:var(--bl); border-color:var(--blb); color:var(--blue); }

/* ── Total rows ── */
[data-theme="dark"] .br-total { background:var(--g50); }

/* ── Amort schedule ── */
[data-theme="dark"] .sch-hdr { background:#0D2318; }[data-theme="dark"] .pk-env-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-2,
[data-theme="dark"] .qaddlaymanwrap-bold,
[data-theme="dark"] .scoreinfobody-3,
[data-theme="dark"] .valentrychooser-bold-2,
[data-theme="dark"] .platform-pill-5,
[data-theme="dark"] .fi-label-3,
[data-theme="dark"] .result-card-bold-3,
[data-theme="dark"] .vprofitatlabel-bold,
[data-theme="dark"] .vnetprofit-text-right-bold,
[data-theme="dark"] .scenariocurrentval-bold,
[data-theme="dark"] .scenariocurrentmid-bold,
[data-theme="dark"] .role-picker-content-10,
[data-theme="dark"] .role-picker-content-11 { color:#2DD4BF !important; }[data-theme="dark"] [style*="color: #0D9488"] { color:#2DD4BF !important; }[data-theme="dark"] .meeting-physical-bold,
[data-theme="dark"] .sp-readonly-banner,
[data-theme="dark"] .pk-wu-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-5,
[data-theme="dark"] .fin-nav-targets,
[data-theme="dark"] .tgt-saved-msg-none-text-center-bold-2,
[data-theme="dark"] .expzerobasedcard-bold-2,
[data-theme="dark"] .stmtsummarycard-bold,
[data-theme="dark"] .stmtsummarybudget-bold,
[data-theme="dark"] .payroll-footer,
[data-theme="dark"] .payroll-gross-bold,
[data-theme="dark"] .platform-pill-3,
[data-theme="dark"] .welcome-map-slide-5,
[data-theme="dark"] .role-picker-content-6,
[data-theme="dark"] .role-picker-content-7 { color:#60A5FA !important; }[data-theme="dark"] [style*="color: #1D4ED8"] { color:#60A5FA !important; }[data-theme="dark"] .mixerrorbanner-bold,
[data-theme="dark"] .mixerrormsg,
[data-theme="dark"] .outcome-hot-bold,
[data-theme="dark"] .trip-date-warn-none,
[data-theme="dark"] .stop-end-error-none-rounded,
[data-theme="dark"] .sf-pending-rounded-clickable-bold,
[data-theme="dark"] .pk-rl5-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-6,
[data-theme="dark"] .expcoveragetracker-bold,
[data-theme="dark"] .ab-t-paye-bold,
[data-theme="dark"] .debtsimtogglebtn-rounded-clickable-bold { color:#F87171 !important; }[data-theme="dark"] [style*="color: #B91C1C"] { color:#F87171 !important; }[data-theme="dark"] .meeting-physical-text-center,
[data-theme="dark"] .outcome-cold-bold,
[data-theme="dark"] .sp-archived-panel,
[data-theme="dark"] .pk-rl10-lbl-bold,
[data-theme="dark"] .rsv-commission-bold,
[data-theme="dark"] .rsv-commission-rounded-bold,
[data-theme="dark"] .comm-actual-breakdown,
[data-theme="dark"] .comm-bands-table-text-left-bold,
[data-theme="dark"] .comm-bands-table-text-right-bold,
[data-theme="dark"] .rl-lbl-tgt-9,
[data-theme="dark"] .payroll-footer-2,
[data-theme="dark"] .payroll-deductions-bold,
[data-theme="dark"] .result-card-18,
[data-theme="dark"] .vtaxlabel,
[data-theme="dark"] .vtaxamt-text-right-bold { color:#9CA3AF !important; }[data-theme="dark"] [style*="color: #6B7280"] { color:#9CA3AF !important; }[data-theme="dark"] .meeting-virtual-bold,
[data-theme="dark"] .rsv-performance-text-center-bold-3,
[data-theme="dark"] .pk-ind-lbl-bold,
[data-theme="dark"] .comm-planb-section-bold,
[data-theme="dark"] .comm-planb-config-summary-rounded,
[data-theme="dark"] .comm-planb-section-bold-4,
[data-theme="dark"] .comm-planb-revenue-display-bold,
[data-theme="dark"] .comm-planb-section-2,
[data-theme="dark"] .comm-table-title-bold,
[data-theme="dark"] .pb-rep-all-clickable-w16-h16,
[data-theme="dark"] .planb-saved-msg-none-text-center-bold,
[data-theme="dark"] .planb-current-summary-bold,
[data-theme="dark"] .planb-summary-body,
[data-theme="dark"] .rl-lbl-tgt-4,
[data-theme="dark"] .householdsnapshotcard-bold { color:#C084FC !important; }[data-theme="dark"] [style*="color: #7C3AED"] { color:#C084FC !important; }[data-theme="dark"] .outcome-warm-bold,
[data-theme="dark"] .rsv-performance-text-center-bold,
[data-theme="dark"] .pk-rl6-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-7,
[data-theme="dark"] .payables-total-bold,
[data-theme="dark"] .scoreinfobody-4 { color:#FCD34D !important; }[data-theme="dark"] [style*="color: #D97706"] { color:#FCD34D !important; }[data-theme="dark"] .screen-body-bold-7,
[data-theme="dark"] .screen-body-15,
[data-theme="dark"] .screen-body-bold-12,
[data-theme="dark"] .trip-stop-count-rounded-bold,
[data-theme="dark"] .pk-rl8-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-8,
[data-theme="dark"] .stmttotalin-bold,
[data-theme="dark"] .scoreinfobody-2,
[data-theme="dark"] .role-picker-content-8,
[data-theme="dark"] .role-picker-content-9,
[data-theme="dark"] .kj-time-confirm-none-text-center-rounded { color:#2E8B4A !important; }[data-theme="dark"] [style*="color: #2E8B4A"] { color:#2E8B4A !important; }[data-theme="dark"] [style*="color:#111827"] { color:#E6EDF3 !important; }[data-theme="dark"] [style*="color: #111827"] { color:#E6EDF3 !important; }[data-theme="dark"] .sp-archived-panel-bold,
[data-theme="dark"] .qaddpreview-rounded-3,
[data-theme="dark"] .kj-s5-2 { color:#D1D5DB !important; }[data-theme="dark"] [style*="color: #374151"] { color:#D1D5DB !important; }[data-theme="dark"] .tariffhint,
[data-theme="dark"] .losswarningbanner-none-rounded,
[data-theme="dark"] .screen-body-bold-15,
[data-theme="dark"] .screen-body-30,
[data-theme="dark"] .location-reminder-banner-bold,
[data-theme="dark"] .location-reminder-banner,
[data-theme="dark"] .rsv-performance-bold-2,
[data-theme="dark"] .reasonsselectedcount-rounded-bold,
[data-theme="dark"] .rsv-commission-bold-3,
[data-theme="dark"] .rsv-commission-3,
[data-theme="dark"] .sc-attainment-label,
[data-theme="dark"] .sc-gap-msg-none-rounded,
[data-theme="dark"] .householdsnapshotcard-bold-2,
[data-theme="dark"] .expcoveragestatus-rounded-bold,
[data-theme="dark"] .ab-self-note-none-rounded,
[data-theme="dark"] .bep-loss-warn-none-rounded,
[data-theme="dark"] .bep-no-products-warn-none-rounded,
[data-theme="dark"] .payables-footer,
[data-theme="dark"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .autoplanquizprompt-bold,
[data-theme="dark"] .debt-total-bold,
[data-theme="dark"] .platform-pill-4,
[data-theme="dark"] .welcome-map-slide-4,
[data-theme="dark"] .role-picker-content-3,
[data-theme="dark"] .role-picker-content-5,
[data-theme="dark"] .fi-label-5 { color:#FCD34D !important; }[data-theme="dark"] [style*="color: #92400E"] { color:#FCD34D !important; }[data-theme="dark"] #screen-revenue .sp-client-form-rounded-clickable,
[data-theme="dark"] #screen-revenue .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] #screen-revenue .rsv-commission-rounded,
[data-theme="dark"] #screen-revenue .comm-no-planb-text-center-rounded,
[data-theme="dark"] #screen-revenue .sc-vs-actual-none-rounded,
[data-theme="dark"] #screen-revenue .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] #screen-revenue .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] #screen-revenue .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] #screen-revenue .stmtincomeanalysis-3,
[data-theme="dark"] #screen-revenue .add-user-panel-none-rounded,
[data-theme="dark"] #screen-revenue .screen-body-rounded-10,
[data-theme="dark"] #screen-revenue .screen-body-flex-clickable-3,
[data-theme="dark"] #screen-revenue .toolsbody-tax-rounded,
[data-theme="dark"] #screen-revenue .platform-pill-6,
[data-theme="dark"] #screen-revenue .importguide-none-rounded,
[data-theme="dark"] #screen-revenue [style*="background: #F9FAFB"],
[data-theme="dark"] #screen-revenue .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] #screen-revenue .rt-meeting-platform-rounded,
[data-theme="dark"] #screen-revenue .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] #screen-revenue .rt-modal-value-rounded,
[data-theme="dark"] #screen-revenue .rt-modal-product-rounded,
[data-theme="dark"] #screen-revenue .rt-modal-stage-rounded,
[data-theme="dark"] #screen-revenue .spp-thismonth-rounded-clickable,
[data-theme="dark"] #screen-revenue .sp-preview-modal-rounded,
[data-theme="dark"] #screen-revenue .cpt-2500000-rounded-clickable,
[data-theme="dark"] #screen-revenue .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] #screen-revenue .sct-2500000-rounded-clickable,
[data-theme="dark"] #screen-revenue .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] #screen-revenue .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] #screen-revenue .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] #screen-revenue .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] #screen-revenue .new-user-name-rounded,
[data-theme="dark"] #screen-revenue .toastbtn-rounded-clickable-bold,
[data-theme="dark"] #screen-revenue .qaddselect,
[data-theme="dark"] #screen-revenue .qaddamount,
[data-theme="dark"] #screen-revenue .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] #screen-revenue .valprogressbar-rounded,
[data-theme="dark"] #screen-revenue .role-select-modal-rounded,
[data-theme="dark"] #screen-revenue .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] #screen-revenue .role-picker-content-rounded,
[data-theme="dark"] #screen-revenue .role-picker-content-rounded-2,
[data-theme="dark"] #screen-revenue .role-picker-content-rounded-3,
[data-theme="dark"] #screen-revenue .role-picker-content-rounded-4,
[data-theme="dark"] #screen-revenue .role-picker-content-rounded-5,
[data-theme="dark"] #screen-revenue .role-picker-content-rounded-6,
[data-theme="dark"] #screen-revenue [style*="background: #fff"],
[data-theme="dark"] #screen-revenue .screen-body-flex-rounded-w34-h34-2,
[data-theme="dark"] #screen-revenue .meeting-physical-flex-rounded-w36-h36,
[data-theme="dark"] #screen-revenue .sp-readonly-banner-none-rounded,
[data-theme="dark"] #screen-revenue .expzerobasedcard-text-center-rounded-2,
[data-theme="dark"] #screen-revenue .stmtsummarycard-text-center-rounded,
[data-theme="dark"] #screen-revenue .payroll-footer-none,
[data-theme="dark"] #screen-revenue .qaddlaymanwrap-none-rounded,
[data-theme="dark"] #screen-revenue .platform-pill-3,
[data-theme="dark"] #screen-revenue .platform-pill-5,
[data-theme="dark"] #screen-revenue .vperiodbanner-none-rounded,
[data-theme="dark"] #screen-revenue .welcome-map-slide-flex-rounded-3,
[data-theme="dark"] #screen-revenue .meeting-telephone-flex-rounded-w36-h36,
[data-theme="dark"] #screen-revenue .outcome-won-flex-rounded-w38-h38,
[data-theme="dark"] #screen-revenue .rt-modal-won-details-none-rounded,
[data-theme="dark"] #screen-revenue .rt-modal-won-details-flex-rounded,
[data-theme="dark"] #screen-revenue .sf-done-rounded-clickable-bold,
[data-theme="dark"] #screen-revenue .reasonstodaysaved-flex-rounded,
[data-theme="dark"] #screen-revenue .expzerobasedcard-text-center-rounded,
[data-theme="dark"] #screen-revenue .ab-results-flex-rounded,
[data-theme="dark"] #screen-revenue .exp-panel-statement-rounded-clickable-bo-2,
[data-theme="dark"] #screen-revenue .stmtprocessing-none-text-center-rounded,
[data-theme="dark"] #screen-revenue .stmtsummarycard-text-center-rounded-3,
[data-theme="dark"] #screen-revenue .stmtsummarycard-rounded-clickable-bold,
[data-theme="dark"] #screen-revenue .stmtincomeanalysis-flex,
[data-theme="dark"] #screen-revenue .stmtresults-rounded,
[data-theme="dark"] #screen-revenue .qaddpreview-rounded-2,
[data-theme="dark"] #screen-revenue .qaddpreview-rounded-3,
[data-theme="dark"] #screen-revenue .platform-pill-2,
[data-theme="dark"] #screen-revenue .welcome-map-slide-flex-rounded,
[data-theme="dark"] #screen-revenue .role-picker-content-flex-rounded-clickab,
[data-theme="dark"] #screen-revenue .kj-s5-rounded-2,
[data-theme="dark"] #screen-revenue .losswarningbanner-none-rounded,
[data-theme="dark"] #screen-revenue .growth-tiles-row-flex-rounded-w34-h34,
[data-theme="dark"] #screen-revenue .screen-body-rounded-3,
[data-theme="dark"] #screen-revenue .screen-body-flex-rounded-3,
[data-theme="dark"] #screen-revenue .outcome-warm-flex-rounded-w38-h38,
[data-theme="dark"] #screen-revenue .location-reminder-banner-none-flex-colum,
[data-theme="dark"] #screen-revenue .rsv-performance-flex-3,
[data-theme="dark"] #screen-revenue .reasonsselectedcount-rounded-bold,
[data-theme="dark"] #screen-revenue .rsv-commission-flex-rounded-w30-h30,
[data-theme="dark"] #screen-revenue .sc-revenue-rounded,
[data-theme="dark"] #screen-revenue .rsv-commission-rounded-h6,
[data-theme="dark"] #screen-revenue .sc-gap-msg-none-rounded,
[data-theme="dark"] #screen-revenue .householdsnapshotcard-text-center-rounde-2,
[data-theme="dark"] #screen-revenue .expcoveragestatus-rounded-bold,
[data-theme="dark"] #screen-revenue .ab-self-note-none-rounded,
[data-theme="dark"] #screen-revenue .bep-loss-warn-none-rounded,
[data-theme="dark"] #screen-revenue .bep-no-products-warn-none-rounded,
[data-theme="dark"] #screen-revenue .payables-footer-flex,
[data-theme="dark"] #screen-revenue .screen-body-flex-rounded-w32-h32-2,
[data-theme="dark"] #screen-revenue .freetiernotice-none-rounded,
[data-theme="dark"] #screen-revenue .qaddcoachnotewrap-none-flex-row-rounded,
[data-theme="dark"] #screen-revenue .resettoexistingbtn-none-rounded,
[data-theme="dark"] #screen-revenue .autoplanquizprompt-none-rounded,
[data-theme="dark"] #screen-revenue .platform-pill-4,
[data-theme="dark"] #screen-revenue .outcome-cold-flex-rounded-w38-h38,
[data-theme="dark"] #screen-revenue .sp-archived-panel-flex,
[data-theme="dark"] #screen-revenue .perf-sprint-row-absolute-rounded,
[data-theme="dark"] #screen-revenue .expcoveragetracker-rounded-h10,
[data-theme="dark"] #screen-revenue .screen-body-flex-rounded-w32-h32-3,
[data-theme="dark"] #screen-revenue .add-user-panel-rounded-clickable,
[data-theme="dark"] #screen-revenue .sec-label-row-flex-rounded,
[data-theme="dark"] #screen-revenue .nudge-sheet-flex-circle-w32-h32-2,
[data-theme="dark"] .sp-pipeline-card .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] .sp-pipeline-card .rt-meeting-platform-rounded,
[data-theme="dark"] .sp-pipeline-card .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] .sp-pipeline-card .rt-modal-value-rounded,
[data-theme="dark"] .sp-pipeline-card .rt-modal-product-rounded,
[data-theme="dark"] .sp-pipeline-card .rt-modal-stage-rounded,
[data-theme="dark"] .sp-pipeline-card .spp-thismonth-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .sp-preview-modal-rounded,
[data-theme="dark"] .sp-pipeline-card .cpt-2500000-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] .sp-pipeline-card .sct-2500000-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] .sp-pipeline-card .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] .sp-pipeline-card .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] .sp-pipeline-card .new-user-name-rounded,
[data-theme="dark"] .sp-pipeline-card .toastbtn-rounded-clickable-bold,
[data-theme="dark"] .sp-pipeline-card .qaddselect,
[data-theme="dark"] .sp-pipeline-card .qaddamount,
[data-theme="dark"] .sp-pipeline-card .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .sp-pipeline-card .valprogressbar-rounded,
[data-theme="dark"] .sp-pipeline-card .role-select-modal-rounded,
[data-theme="dark"] .sp-pipeline-card .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] .sp-pipeline-card .role-picker-content-rounded,
[data-theme="dark"] .sp-pipeline-card .role-picker-content-rounded-2,
[data-theme="dark"] .sp-pipeline-card .role-picker-content-rounded-3,
[data-theme="dark"] .sp-pipeline-card .role-picker-content-rounded-4,
[data-theme="dark"] .sp-pipeline-card .role-picker-content-rounded-5,
[data-theme="dark"] .sp-pipeline-card .role-picker-content-rounded-6,
[data-theme="dark"] .sp-pipeline-card .sp-client-form-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .rsv-commission-rounded,
[data-theme="dark"] .sp-pipeline-card .comm-no-planb-text-center-rounded,
[data-theme="dark"] .sp-pipeline-card .sc-vs-actual-none-rounded,
[data-theme="dark"] .sp-pipeline-card .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] .sp-pipeline-card .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] .sp-pipeline-card .stmtincomeanalysis-3,
[data-theme="dark"] .sp-pipeline-card .add-user-panel-none-rounded,
[data-theme="dark"] .sp-pipeline-card .screen-body-rounded-10,
[data-theme="dark"] .sp-pipeline-card .screen-body-flex-clickable-3,
[data-theme="dark"] .sp-pipeline-card .toolsbody-tax-rounded,
[data-theme="dark"] .sp-pipeline-card .platform-pill-6,
[data-theme="dark"] .sp-pipeline-card .importguide-none-rounded,
[data-theme="dark"] [id^="sp-"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] [id^="sp-"] .rt-meeting-platform-rounded,
[data-theme="dark"] [id^="sp-"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] [id^="sp-"] .rt-modal-value-rounded,
[data-theme="dark"] [id^="sp-"] .rt-modal-product-rounded,
[data-theme="dark"] [id^="sp-"] .rt-modal-stage-rounded,
[data-theme="dark"] [id^="sp-"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .sp-preview-modal-rounded,
[data-theme="dark"] [id^="sp-"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] [id^="sp-"] .sct-2500000-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] [id^="sp-"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] [id^="sp-"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] [id^="sp-"] .new-user-name-rounded,
[data-theme="dark"] [id^="sp-"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] [id^="sp-"] .qaddselect,
[data-theme="dark"] [id^="sp-"] .qaddamount,
[data-theme="dark"] [id^="sp-"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] [id^="sp-"] .valprogressbar-rounded,
[data-theme="dark"] [id^="sp-"] .role-select-modal-rounded,
[data-theme="dark"] [id^="sp-"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] [id^="sp-"] .role-picker-content-rounded,
[data-theme="dark"] [id^="sp-"] .role-picker-content-rounded-2,
[data-theme="dark"] [id^="sp-"] .role-picker-content-rounded-3,
[data-theme="dark"] [id^="sp-"] .role-picker-content-rounded-4,
[data-theme="dark"] [id^="sp-"] .role-picker-content-rounded-5,
[data-theme="dark"] [id^="sp-"] .role-picker-content-rounded-6,
[data-theme="dark"] [id^="sp-"] .sp-client-form-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .rsv-commission-rounded,
[data-theme="dark"] [id^="sp-"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] [id^="sp-"] .sc-vs-actual-none-rounded,
[data-theme="dark"] [id^="sp-"] .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] [id^="sp-"] .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] [id^="sp-"] .stmtincomeanalysis-3,
[data-theme="dark"] [id^="sp-"] .add-user-panel-none-rounded,
[data-theme="dark"] [id^="sp-"] .screen-body-rounded-10,
[data-theme="dark"] [id^="sp-"] .screen-body-flex-clickable-3,
[data-theme="dark"] [id^="sp-"] .toolsbody-tax-rounded,
[data-theme="dark"] [id^="sp-"] .platform-pill-6,
[data-theme="dark"] [id^="sp-"] .importguide-none-rounded,
[data-theme="dark"] [id^="rev-"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] [id^="rev-"] .rt-meeting-platform-rounded,
[data-theme="dark"] [id^="rev-"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] [id^="rev-"] .rt-modal-value-rounded,
[data-theme="dark"] [id^="rev-"] .rt-modal-product-rounded,
[data-theme="dark"] [id^="rev-"] .rt-modal-stage-rounded,
[data-theme="dark"] [id^="rev-"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .sp-preview-modal-rounded,
[data-theme="dark"] [id^="rev-"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] [id^="rev-"] .sct-2500000-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] [id^="rev-"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] [id^="rev-"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] [id^="rev-"] .new-user-name-rounded,
[data-theme="dark"] [id^="rev-"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] [id^="rev-"] .qaddselect,
[data-theme="dark"] [id^="rev-"] .qaddamount,
[data-theme="dark"] [id^="rev-"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] [id^="rev-"] .valprogressbar-rounded,
[data-theme="dark"] [id^="rev-"] .role-select-modal-rounded,
[data-theme="dark"] [id^="rev-"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] [id^="rev-"] .role-picker-content-rounded,
[data-theme="dark"] [id^="rev-"] .role-picker-content-rounded-2,
[data-theme="dark"] [id^="rev-"] .role-picker-content-rounded-3,
[data-theme="dark"] [id^="rev-"] .role-picker-content-rounded-4,
[data-theme="dark"] [id^="rev-"] .role-picker-content-rounded-5,
[data-theme="dark"] [id^="rev-"] .role-picker-content-rounded-6,
[data-theme="dark"] [id^="rev-"] .sp-client-form-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .rsv-commission-rounded,
[data-theme="dark"] [id^="rev-"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] [id^="rev-"] .sc-vs-actual-none-rounded,
[data-theme="dark"] [id^="rev-"] .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] [id^="rev-"] .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] [id^="rev-"] .stmtincomeanalysis-3,
[data-theme="dark"] [id^="rev-"] .add-user-panel-none-rounded,
[data-theme="dark"] [id^="rev-"] .screen-body-rounded-10,
[data-theme="dark"] [id^="rev-"] .screen-body-flex-clickable-3,
[data-theme="dark"] [id^="rev-"] .toolsbody-tax-rounded,
[data-theme="dark"] [id^="rev-"] .platform-pill-6,
[data-theme="dark"] [id^="rev-"] .importguide-none-rounded { background:var(--surface) !important; color:var(--tp) !important; }[data-theme="dark"] #screen-revenue .qaddselect,
[data-theme="dark"] #screen-revenue .vgrossprofitlabel,
[data-theme="dark"] #screen-revenue .vgrossprofit-text-right-bold,
[data-theme="dark"] #screen-revenue .welcome-map-slide-bold-2,
[data-theme="dark"] #screen-revenue .role-picker-content-bold-3,
[data-theme="dark"] #screen-revenue .role-picker-content-bold-4,
[data-theme="dark"] #screen-revenue .role-picker-content-bold-5,
[data-theme="dark"] #screen-revenue .role-picker-content-bold-6,
[data-theme="dark"] #screen-revenue .kj-s5-bold-4,
[data-theme="dark"] [id^="sp-"] .qaddselect,
[data-theme="dark"] [id^="sp-"] .vgrossprofitlabel,
[data-theme="dark"] [id^="sp-"] .vgrossprofit-text-right-bold,
[data-theme="dark"] [id^="rev-"] .qaddselect,
[data-theme="dark"] [id^="rev-"] .vgrossprofitlabel,
[data-theme="dark"] [id^="rev-"] .vgrossprofit-text-right-bold { color:var(--tp) !important; }[data-theme="dark"] #screen-revenue .screen-body-flex-13,
[data-theme="dark"] #screen-revenue [style*="border-bottom: 1px solid #F3F4F6"],
[data-theme="dark"] [id^="sp-"] .screen-body-flex-13,
[data-theme="dark"] [id^="rev-"] .screen-body-flex-13 { border-bottom-color:var(--border) !important; }[data-theme="dark"] [style*="background:#2563EB"] { color:#fff !important; }[data-theme="dark"] [style*="background:#BFDBFE"] { background:#2563EB !important; color:#fff !important; }
/* ══════════════════════════════════════════════════════════════
   DARK MODE — COMPREHENSIVE FIXES
   Covers: quiz overlay, journey onboarding, inline hardcoded
   backgrounds & text colours throughout the entire app.
   ══════════════════════════════════════════════════════════════ */

/* ── Risk quiz overlay ── */
#riskQuizOverlay { background:var(--bg) !important; }
[data-theme="dark"] #riskQuizOverlay { background:var(--bg) !important; }[data-theme="dark"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] .rt-meeting-platform-rounded,
[data-theme="dark"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] .rt-modal-value-rounded,
[data-theme="dark"] .rt-modal-product-rounded,
[data-theme="dark"] .rt-modal-stage-rounded,
[data-theme="dark"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] .sp-preview-modal-rounded,
[data-theme="dark"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] .sct-2500000-rounded-clickable,
[data-theme="dark"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] .new-user-name-rounded,
[data-theme="dark"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] .qaddselect,
[data-theme="dark"] .qaddamount,
[data-theme="dark"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .valprogressbar-rounded,
[data-theme="dark"] .role-select-modal-rounded,
[data-theme="dark"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] .role-picker-content-rounded,
[data-theme="dark"] .role-picker-content-rounded-2,
[data-theme="dark"] .role-picker-content-rounded-3,
[data-theme="dark"] .role-picker-content-rounded-4,
[data-theme="dark"] .role-picker-content-rounded-5,
[data-theme="dark"] .role-picker-content-rounded-6,
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] .sp-client-form-rounded-clickable,
[data-theme="dark"] .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] .rsv-commission-rounded,
[data-theme="dark"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] .sc-vs-actual-none-rounded,
[data-theme="dark"] .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] .stmtincomeanalysis-3,
[data-theme="dark"] .add-user-panel-none-rounded,
[data-theme="dark"] .screen-body-rounded-10,
[data-theme="dark"] .screen-body-flex-clickable-3,
[data-theme="dark"] .toolsbody-tax-rounded,
[data-theme="dark"] .platform-pill-6,
[data-theme="dark"] .importguide-none-rounded,
[data-theme="dark"] [style*="background: #F9FAFB"],
[data-theme="dark"] .outcome-cold-flex-rounded-w38-h38,
[data-theme="dark"] .sp-archived-panel-flex,
[data-theme="dark"] .perf-sprint-row-absolute-rounded,
[data-theme="dark"] .expcoveragetracker-rounded-h10,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-3,
[data-theme="dark"] .add-user-panel-rounded-clickable,
[data-theme="dark"] .sec-label-row-flex-rounded,
[data-theme="dark"] .nudge-sheet-flex-circle-w32-h32-2,
[data-theme="dark"] [style*="background: #F3F4F6"],
[data-theme="dark"] [style*="background:#F4F6F9"],
[data-theme="dark"] [style*="background: #F4F6F9"],
[data-theme="dark"] .screen-body-flex-rounded-w34-h34-2,
[data-theme="dark"] .meeting-physical-flex-rounded-w36-h36,
[data-theme="dark"] .sp-readonly-banner-none-rounded,
[data-theme="dark"] .expzerobasedcard-text-center-rounded-2,
[data-theme="dark"] .stmtsummarycard-text-center-rounded,
[data-theme="dark"] .payroll-footer-none,
[data-theme="dark"] .qaddlaymanwrap-none-rounded,
[data-theme="dark"] .platform-pill-3,
[data-theme="dark"] .platform-pill-5,
[data-theme="dark"] .vperiodbanner-none-rounded,
[data-theme="dark"] .welcome-map-slide-flex-rounded-3,
[data-theme="dark"] [style*="background: #EFF6FF"],
[data-theme="dark"] .rt-visit-modal-rounded-w36-h4,
[data-theme="dark"] .rsv-commission-rounded-bold,
[data-theme="dark"] .planb-master-toggle-relative-rounded-cli,
[data-theme="dark"] [style*="background: #E5E7EB"],
[data-theme="dark"] [style*="background:#F1F5F9"],
[data-theme="dark"] [style*="background: #F1F5F9"] {
  background:var(--surface) !important;
}[data-theme="dark"] .qaddselect,
[data-theme="dark"] .vgrossprofitlabel,
[data-theme="dark"] .vgrossprofit-text-right-bold,
[data-theme="dark"] [style*="color: #111"],
[data-theme="dark"] [style*="color:#1F2937"],
[data-theme="dark"] [style*="color: #1F2937"],
[data-theme="dark"] .welcome-map-slide-bold-2,
[data-theme="dark"] .role-picker-content-bold-5,
[data-theme="dark"] .role-picker-content-bold-6,
[data-theme="dark"] .kj-s5-bold-4,
[data-theme="dark"] [style*="color: #0F2B1A"],
[data-theme="dark"] .welcome-map-slide-bold-2,
[data-theme="dark"] .role-picker-content-bold-3,
[data-theme="dark"] .role-picker-content-bold-4,
[data-theme="dark"] .role-picker-content-bold-5,
[data-theme="dark"] .role-picker-content-bold-6,
[data-theme="dark"] .kj-s5-bold-4,
[data-theme="dark"] [style*="color: #0F2B"] {
  color:var(--tp) !important;
}[data-theme="dark"] .rsv-commission-2,
[data-theme="dark"] .comm-no-planb,
[data-theme="dark"] [style*="color: #9CA3AF"],
[data-theme="dark"] [style*="color:#D1D5DB"],
[data-theme="dark"] [style*="color: #D1D5DB"] {
  color:var(--ts) !important;
}[data-theme="dark"] [style*="border:1px solid #E8EAED"],
[data-theme="dark"] [style*="border: 1px solid #E8EAED"],
[data-theme="dark"] [style*="border:1.5px solid #E8EAED"],
[data-theme="dark"] [style*="border: 1.5px solid #E8EAED"],
[data-theme="dark"] [style*="border:2px solid #E8EAED"],
[data-theme="dark"] [style*="border: 2px solid #E8EAED"],
[data-theme="dark"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] [style*="border: 1px solid #E5E7EB"],
[data-theme="dark"] .sp-archived-panel-none-rounded,
[data-theme="dark"] .rsv-commission-rounded,
[data-theme="dark"] [style*="border: 1.5px solid #E5E7EB"],
[data-theme="dark"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] [style*="border: 2px solid #E5E7EB"],
[data-theme="dark"] [style*="border:1px solid #F3F4F6"],
[data-theme="dark"] [style*="border: 1px solid #F3F4F6"] {
  border-color:var(--border) !important;
}[data-theme="dark"] .role-picker-content-bold-3,
[data-theme="dark"] .role-picker-content-bold-4,
[data-theme="dark"] [style*="color: #0F2B5B"] {
  color:var(--blue) !important;
}

/* ── Light-bg stat cards used in overlays / sheets ── */
[data-theme="dark"] .kj-aha-stat {
  background:var(--surface) !important;
  border-color:var(--border) !important;
}
[data-theme="dark"] .kj-aha-stat-val { color:var(--g400) !important; }
[data-theme="dark"] .kj-aha-stat-lbl { color:var(--ts) !important; }
[data-theme="dark"] .kj-aha-coach-msg {
  background:var(--surface) !important;
  border-color:var(--border) !important;
}
[data-theme="dark"] .kj-aha-coach-text { color:var(--tp) !important; }
[data-theme="dark"] .kj-aha-sheet { background:var(--surface) !important; }
[data-theme="dark"] .kj-aha-skip-btn { color:var(--ts) !important; }

/* ── Gate sheet ── */
[data-theme="dark"] .kj-gate-body { background:var(--surface) !important; }
[data-theme="dark"] .kj-gate-title { color:var(--tp) !important; }
[data-theme="dark"] .kj-gate-sub { color:var(--ts) !important; }
[data-theme="dark"] .kj-gate-pill { background:var(--border) !important; }
[data-theme="dark"] .kj-gate-progress { background:var(--bg2) !important; border-color:var(--border) !important; }
[data-theme="dark"] .kj-gate-progress-label { color:var(--g400) !important; }
[data-theme="dark"] .kj-gate-progress-txt { color:var(--ts) !important; }
[data-theme="dark"] .kj-gate-explore { background:var(--bg2) !important; border-color:var(--border) !important; color:var(--tp) !important; }

/* ── Soft gate / open loop overlays (white sheets) ── */
[data-theme="dark"] #kj-gate-sheet .kj-gate-body,
[data-theme="dark"] #kj-loop-overlay > div,
[data-theme="dark"] #kj-monday-overlay > div > div:last-child {
  background:var(--surface) !important;
}[data-theme="dark"] #kj-loop-overlay .screens-container-flex-relative-flex-col,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-rounded,
[data-theme="dark"] #kj-loop-overlay .screen-body-rounded-4,
[data-theme="dark"] #kj-loop-overlay .screen-body-rounded-5,
[data-theme="dark"] #kj-loop-overlay .mixerrorbanner-flex-rounded,
[data-theme="dark"] #kj-loop-overlay .tariffhint-flex-rounded,
[data-theme="dark"] #kj-loop-overlay .losswarningbanner-none-rounded,
[data-theme="dark"] #kj-loop-overlay .growth-tiles-row-flex-rounded-w34-h34,
[data-theme="dark"] #kj-loop-overlay .screen-body-rounded-3,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-rounded-3,
[data-theme="dark"] #kj-loop-overlay .meeting-virtual-flex-rounded-w36-h36,
[data-theme="dark"] #kj-loop-overlay .outcome-hot-flex-rounded-w38-h38,
[data-theme="dark"] #kj-loop-overlay .outcome-warm-flex-rounded-w38-h38,
[data-theme="dark"] #kj-loop-overlay .outcome-cold-flex-rounded-w38-h38,
[data-theme="dark"] #kj-loop-overlay .stop-end-error-none-rounded,
[data-theme="dark"] #kj-loop-overlay .sf-pending-rounded-clickable-bold,
[data-theme="dark"] #kj-loop-overlay .location-reminder-banner-none-flex-colum,
[data-theme="dark"] #kj-loop-overlay .sp-client-form-rounded-clickable,
[data-theme="dark"] #kj-loop-overlay .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] #kj-loop-overlay .sp-archived-panel-flex,
[data-theme="dark"] #kj-loop-overlay .perf-sprint-row-absolute-rounded,
[data-theme="dark"] #kj-loop-overlay .rsv-performance-flex-3,
[data-theme="dark"] #kj-loop-overlay .reasonsselectedcount-rounded-bold,
[data-theme="dark"] #kj-loop-overlay .rsv-commission-rounded,
[data-theme="dark"] #kj-loop-overlay .comm-planb-config-summary-rounded,
[data-theme="dark"] #kj-loop-overlay .comm-planb-section-rounded,
[data-theme="dark"] #kj-loop-overlay .comm-planb-section-3,
[data-theme="dark"] #kj-loop-overlay .comm-bands-table-3,
[data-theme="dark"] #kj-loop-overlay .comm-no-planb-text-center-rounded,
[data-theme="dark"] #kj-loop-overlay .rsv-commission-flex-rounded-w30-h30,
[data-theme="dark"] #kj-loop-overlay .sc-revenue-rounded,
[data-theme="dark"] #kj-loop-overlay .rsv-commission-rounded-h6,
[data-theme="dark"] #kj-loop-overlay .sc-gap-msg-none-rounded,
[data-theme="dark"] #kj-loop-overlay .sc-vs-actual-none-rounded,
[data-theme="dark"] #kj-loop-overlay .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] #kj-loop-overlay .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] #kj-loop-overlay .planb-current-summary-none-rounded,
[data-theme="dark"] #kj-loop-overlay .householdsnapshotcard-text-center-rounde,
[data-theme="dark"] #kj-loop-overlay .householdsnapshotcard-text-center-rounde-2,
[data-theme="dark"] #kj-loop-overlay .expcoveragestatus-rounded-bold,
[data-theme="dark"] #kj-loop-overlay .expcoveragetracker-rounded-h10,
[data-theme="dark"] #kj-loop-overlay .expcoveragetracker-text-center-rounded,
[data-theme="dark"] #kj-loop-overlay .ab-self-note-none-rounded,
[data-theme="dark"] #kj-loop-overlay .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] #kj-loop-overlay .stmtincomeanalysis-3,
[data-theme="dark"] #kj-loop-overlay .bep-loss-warn-none-rounded,
[data-theme="dark"] #kj-loop-overlay .bep-no-products-warn-none-rounded,
[data-theme="dark"] #kj-loop-overlay .payables-footer-flex,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-rounded-w32-h32-2,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-rounded-w32-h32-3,
[data-theme="dark"] #kj-loop-overlay .add-user-panel-none-rounded,
[data-theme="dark"] #kj-loop-overlay .add-user-panel-rounded-clickable,
[data-theme="dark"] #kj-loop-overlay .screen-body-rounded-10,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-rounded-w32-h32-4,
[data-theme="dark"] #kj-loop-overlay .freetiernotice-none-rounded,
[data-theme="dark"] #kj-loop-overlay .qaddcoachnotewrap-none-flex-row-rounded,
[data-theme="dark"] #kj-loop-overlay .resettoexistingbtn-none-rounded,
[data-theme="dark"] #kj-loop-overlay .autoplanquizprompt-none-rounded,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-clickable-2,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-clickable-3,
[data-theme="dark"] #kj-loop-overlay .toolsbody-tax-rounded,
[data-theme="dark"] #kj-loop-overlay .screen-body-flex-clickable-4,
[data-theme="dark"] #kj-loop-overlay .debt-summary-flex,
[data-theme="dark"] #kj-loop-overlay .platform-pill-4,
[data-theme="dark"] #kj-loop-overlay .platform-pill-6,
[data-theme="dark"] #kj-loop-overlay .importguide-none-rounded,
[data-theme="dark"] #kj-loop-overlay .sec-label-row-flex-rounded,
[data-theme="dark"] #kj-loop-overlay .nudge-sheet-flex-circle-w32-h32-2,
[data-theme="dark"] #kj-loop-overlay .welcome-map-slide-flex-rounded-2,
[data-theme="dark"] #kj-loop-overlay .welcome-map-slide-flex-rounded-4,
[data-theme="dark"] #kj-loop-overlay [style*="background: #F"] {
  background:var(--bg2) !important;
}[data-theme="dark"] [id$="-overlay"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] [id$="-overlay"] .rt-meeting-platform-rounded,
[data-theme="dark"] [id$="-overlay"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] [id$="-overlay"] .rt-modal-value-rounded,
[data-theme="dark"] [id$="-overlay"] .rt-modal-product-rounded,
[data-theme="dark"] [id$="-overlay"] .rt-modal-stage-rounded,
[data-theme="dark"] [id$="-overlay"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] [id$="-overlay"] .sp-preview-modal-rounded,
[data-theme="dark"] [id$="-overlay"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] [id$="-overlay"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] [id$="-overlay"] .sct-2500000-rounded-clickable,
[data-theme="dark"] [id$="-overlay"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] [id$="-overlay"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] [id$="-overlay"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] [id$="-overlay"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] [id$="-overlay"] .new-user-name-rounded,
[data-theme="dark"] [id$="-overlay"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] [id$="-overlay"] .qaddselect,
[data-theme="dark"] [id$="-overlay"] .qaddamount,
[data-theme="dark"] [id$="-overlay"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] [id$="-overlay"] .valprogressbar-rounded,
[data-theme="dark"] [id$="-overlay"] .role-select-modal-rounded,
[data-theme="dark"] [id$="-overlay"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] [id$="-overlay"] .role-picker-content-rounded,
[data-theme="dark"] [id$="-overlay"] .role-picker-content-rounded-2,
[data-theme="dark"] [id$="-overlay"] .role-picker-content-rounded-3,
[data-theme="dark"] [id$="-overlay"] .role-picker-content-rounded-4,
[data-theme="dark"] [id$="-overlay"] .role-picker-content-rounded-5,
[data-theme="dark"] [id$="-overlay"] .role-picker-content-rounded-6,
[data-theme="dark"] [id$="-overlay"] [style*="background: #fff"],
[data-theme="dark"] [id$="-sheet"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] [id$="-sheet"] .rt-meeting-platform-rounded,
[data-theme="dark"] [id$="-sheet"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] [id$="-sheet"] .rt-modal-value-rounded,
[data-theme="dark"] [id$="-sheet"] .rt-modal-product-rounded,
[data-theme="dark"] [id$="-sheet"] .rt-modal-stage-rounded,
[data-theme="dark"] [id$="-sheet"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] [id$="-sheet"] .sp-preview-modal-rounded,
[data-theme="dark"] [id$="-sheet"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] [id$="-sheet"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] [id$="-sheet"] .sct-2500000-rounded-clickable,
[data-theme="dark"] [id$="-sheet"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] [id$="-sheet"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] [id$="-sheet"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] [id$="-sheet"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] [id$="-sheet"] .new-user-name-rounded,
[data-theme="dark"] [id$="-sheet"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] [id$="-sheet"] .qaddselect,
[data-theme="dark"] [id$="-sheet"] .qaddamount,
[data-theme="dark"] [id$="-sheet"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] [id$="-sheet"] .valprogressbar-rounded,
[data-theme="dark"] [id$="-sheet"] .role-select-modal-rounded,
[data-theme="dark"] [id$="-sheet"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] [id$="-sheet"] .role-picker-content-rounded,
[data-theme="dark"] [id$="-sheet"] .role-picker-content-rounded-2,
[data-theme="dark"] [id$="-sheet"] .role-picker-content-rounded-3,
[data-theme="dark"] [id$="-sheet"] .role-picker-content-rounded-4,
[data-theme="dark"] [id$="-sheet"] .role-picker-content-rounded-5,
[data-theme="dark"] [id$="-sheet"] .role-picker-content-rounded-6,
[data-theme="dark"] [id$="-sheet"] [style*="background: #fff"],
[data-theme="dark"] [id$="-modal"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] [id$="-modal"] .rt-meeting-platform-rounded,
[data-theme="dark"] [id$="-modal"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] [id$="-modal"] .rt-modal-value-rounded,
[data-theme="dark"] [id$="-modal"] .rt-modal-product-rounded,
[data-theme="dark"] [id$="-modal"] .rt-modal-stage-rounded,
[data-theme="dark"] [id$="-modal"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] [id$="-modal"] .sp-preview-modal-rounded,
[data-theme="dark"] [id$="-modal"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] [id$="-modal"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] [id$="-modal"] .sct-2500000-rounded-clickable,
[data-theme="dark"] [id$="-modal"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] [id$="-modal"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] [id$="-modal"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] [id$="-modal"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] [id$="-modal"] .new-user-name-rounded,
[data-theme="dark"] [id$="-modal"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] [id$="-modal"] .qaddselect,
[data-theme="dark"] [id$="-modal"] .qaddamount,
[data-theme="dark"] [id$="-modal"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] [id$="-modal"] .valprogressbar-rounded,
[data-theme="dark"] [id$="-modal"] .role-select-modal-rounded,
[data-theme="dark"] [id$="-modal"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] [id$="-modal"] .role-picker-content-rounded,
[data-theme="dark"] [id$="-modal"] .role-picker-content-rounded-2,
[data-theme="dark"] [id$="-modal"] .role-picker-content-rounded-3,
[data-theme="dark"] [id$="-modal"] .role-picker-content-rounded-4,
[data-theme="dark"] [id$="-modal"] .role-picker-content-rounded-5,
[data-theme="dark"] [id$="-modal"] .role-picker-content-rounded-6,
[data-theme="dark"] [id$="-modal"] [style*="background: #fff"] {
  background:var(--surface) !important;
}[data-theme="dark"] .screen-body .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] .screen-body .rt-meeting-platform-rounded,
[data-theme="dark"] .screen-body .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] .screen-body .rt-modal-value-rounded,
[data-theme="dark"] .screen-body .rt-modal-product-rounded,
[data-theme="dark"] .screen-body .rt-modal-stage-rounded,
[data-theme="dark"] .screen-body .spp-thismonth-rounded-clickable,
[data-theme="dark"] .screen-body .sp-preview-modal-rounded,
[data-theme="dark"] .screen-body .cpt-2500000-rounded-clickable,
[data-theme="dark"] .screen-body .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] .screen-body .sct-2500000-rounded-clickable,
[data-theme="dark"] .screen-body .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] .screen-body .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] .screen-body .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] .screen-body .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] .screen-body .new-user-name-rounded,
[data-theme="dark"] .screen-body .toastbtn-rounded-clickable-bold,
[data-theme="dark"] .screen-body .qaddselect,
[data-theme="dark"] .screen-body .qaddamount,
[data-theme="dark"] .screen-body .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .screen-body .valprogressbar-rounded,
[data-theme="dark"] .screen-body .role-select-modal-rounded,
[data-theme="dark"] .screen-body .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] .screen-body .role-picker-content-rounded,
[data-theme="dark"] .screen-body .role-picker-content-rounded-2,
[data-theme="dark"] .screen-body .role-picker-content-rounded-3,
[data-theme="dark"] .screen-body .role-picker-content-rounded-4,
[data-theme="dark"] .screen-body .role-picker-content-rounded-5,
[data-theme="dark"] .screen-body .role-picker-content-rounded-6,
[data-theme="dark"] .screen-body [style*="background: #fff"],
[data-theme="dark"] .screen-body .sp-client-form-rounded-clickable,
[data-theme="dark"] .screen-body .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] .screen-body .rsv-commission-rounded,
[data-theme="dark"] .screen-body .comm-no-planb-text-center-rounded,
[data-theme="dark"] .screen-body .sc-vs-actual-none-rounded,
[data-theme="dark"] .screen-body .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] .screen-body .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] .screen-body .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] .screen-body .stmtincomeanalysis-3,
[data-theme="dark"] .screen-body .add-user-panel-none-rounded,
[data-theme="dark"] .screen-body .screen-body-rounded-10,
[data-theme="dark"] .screen-body .screen-body-flex-clickable-3,
[data-theme="dark"] .screen-body .toolsbody-tax-rounded,
[data-theme="dark"] .screen-body .platform-pill-6,
[data-theme="dark"] .screen-body .importguide-none-rounded,
[data-theme="dark"] .screen-body [style*="background: #F9FAFB"],
[data-theme="dark"] .screen-body .outcome-cold-flex-rounded-w38-h38,
[data-theme="dark"] .screen-body .sp-archived-panel-flex,
[data-theme="dark"] .screen-body .perf-sprint-row-absolute-rounded,
[data-theme="dark"] .screen-body .expcoveragetracker-rounded-h10,
[data-theme="dark"] .screen-body .screen-body-flex-rounded-w32-h32-3,
[data-theme="dark"] .screen-body .add-user-panel-rounded-clickable,
[data-theme="dark"] .screen-body .sec-label-row-flex-rounded,
[data-theme="dark"] .screen-body .nudge-sheet-flex-circle-w32-h32-2,
[data-theme="dark"] .screen-body [style*="background: #F3F4F6"] {
  background:var(--surface) !important;
}[data-theme="dark"] .screen-body [style*="color:#111827"],
[data-theme="dark"] .screen-body [style*="color: #111827"],
[data-theme="dark"] .screen-body [style*="color:#1F2937"],
[data-theme="dark"] .screen-body [style*="color: #1F2937"] {
  color:var(--tp) !important;
}[data-theme="dark"] .screen-body .sp-archived-panel-bold,
[data-theme="dark"] .screen-body .qaddpreview-rounded-3,
[data-theme="dark"] .screen-body .kj-s5-2,
[data-theme="dark"] .screen-body [style*="color: #374151"],
[data-theme="dark"] .screen-body [style*="color:#4B5563"],
[data-theme="dark"] .screen-body [style*="color: #4B5563"] {
  color:var(--ts) !important;
}[data-theme="dark"] table .sp-client-form-rounded-clickable,
[data-theme="dark"] table .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] table .rsv-commission-rounded,
[data-theme="dark"] table .comm-no-planb-text-center-rounded,
[data-theme="dark"] table .sc-vs-actual-none-rounded,
[data-theme="dark"] table .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] table .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] table .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] table .stmtincomeanalysis-3,
[data-theme="dark"] table .add-user-panel-none-rounded,
[data-theme="dark"] table .screen-body-rounded-10,
[data-theme="dark"] table .screen-body-flex-clickable-3,
[data-theme="dark"] table .toolsbody-tax-rounded,
[data-theme="dark"] table .platform-pill-6,
[data-theme="dark"] table .importguide-none-rounded,
[data-theme="dark"] table [style*="background: #F9FAFB"],
[data-theme="dark"] table .screen-body-flex-rounded-w34-h34-2,
[data-theme="dark"] table .meeting-physical-flex-rounded-w36-h36,
[data-theme="dark"] table .sp-readonly-banner-none-rounded,
[data-theme="dark"] table .expzerobasedcard-text-center-rounded-2,
[data-theme="dark"] table .stmtsummarycard-text-center-rounded,
[data-theme="dark"] table .payroll-footer-none,
[data-theme="dark"] table .qaddlaymanwrap-none-rounded,
[data-theme="dark"] table .platform-pill-3,
[data-theme="dark"] table .platform-pill-5,
[data-theme="dark"] table .vperiodbanner-none-rounded,
[data-theme="dark"] table .welcome-map-slide-flex-rounded-3,
[data-theme="dark"] table [style*="background: #EFF6FF"] {
  background:var(--bg2) !important;
}[data-theme="dark"] .losswarningbanner-none-rounded,
[data-theme="dark"] .growth-tiles-row-flex-rounded-w34-h34,
[data-theme="dark"] .screen-body-rounded-3,
[data-theme="dark"] .screen-body-flex-rounded-3,
[data-theme="dark"] .outcome-warm-flex-rounded-w38-h38,
[data-theme="dark"] .location-reminder-banner-none-flex-colum,
[data-theme="dark"] .rsv-performance-flex-3,
[data-theme="dark"] .reasonsselectedcount-rounded-bold,
[data-theme="dark"] .rsv-commission-flex-rounded-w30-h30,
[data-theme="dark"] .sc-revenue-rounded,
[data-theme="dark"] .rsv-commission-rounded-h6,
[data-theme="dark"] .sc-gap-msg-none-rounded,
[data-theme="dark"] .householdsnapshotcard-text-center-rounde-2,
[data-theme="dark"] .expcoveragestatus-rounded-bold,
[data-theme="dark"] .ab-self-note-none-rounded,
[data-theme="dark"] .bep-loss-warn-none-rounded,
[data-theme="dark"] .bep-no-products-warn-none-rounded,
[data-theme="dark"] .payables-footer-flex,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-2,
[data-theme="dark"] .freetiernotice-none-rounded,
[data-theme="dark"] .qaddcoachnotewrap-none-flex-row-rounded,
[data-theme="dark"] .resettoexistingbtn-none-rounded,
[data-theme="dark"] .autoplanquizprompt-none-rounded,
[data-theme="dark"] .platform-pill-4,
[data-theme="dark"] [style*="background: #FEF3C7"] {
  background:#2D2008 !important;
  color:#FCD34D !important;
}[data-theme="dark"] [style*="background:#DCFCE7"],
[data-theme="dark"] [style*="background: #DCFCE7"] {
  background:#0D2318 !important;
  color:#2E8B4A !important;
}[data-theme="dark"] [style*="background:#FEE2E2"],
[data-theme="dark"] [style*="background: #FEE2E2"] {
  background:#2D1111 !important;
  color:#F87171 !important;
}[data-theme="dark"] [style*="background:#E0E7FF"],
[data-theme="dark"] [style*="background: #E0E7FF"] {
  background:#0F1B2D !important;
  color:#60A5FA !important;
}[data-theme="dark"] [style*="background:#EDE9FE"],
[data-theme="dark"] [style*="background: #EDE9FE"] {
  background:#1E1030 !important;
  color:#C084FC !important;
}

/* ── Journey step rows (used in welcome screen) ── */
[data-theme="dark"] .kj-step-row {
  background:var(--surface) !important;
  border-color:var(--border) !important;
}
[data-theme="dark"] .kj-step-label { color:#111827 !important; } /* stays dark — onboarding is always light */

/* ── Coach bubble speech box ── */
[data-theme="dark"] #companion-speech {
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--tp) !important;
}

/* ── Retention cards (daily voice, weekly number) ── */
[data-theme="dark"] #kj-daily-voice {
  background:var(--surface) !important;
  border-color:var(--border) !important;
}[data-theme="dark"] #home-dashboard-root .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] #home-dashboard-root .rt-meeting-platform-rounded,
[data-theme="dark"] #home-dashboard-root .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] #home-dashboard-root .rt-modal-value-rounded,
[data-theme="dark"] #home-dashboard-root .rt-modal-product-rounded,
[data-theme="dark"] #home-dashboard-root .rt-modal-stage-rounded,
[data-theme="dark"] #home-dashboard-root .spp-thismonth-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .sp-preview-modal-rounded,
[data-theme="dark"] #home-dashboard-root .cpt-2500000-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] #home-dashboard-root .sct-2500000-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] #home-dashboard-root .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] #home-dashboard-root .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] #home-dashboard-root .new-user-name-rounded,
[data-theme="dark"] #home-dashboard-root .toastbtn-rounded-clickable-bold,
[data-theme="dark"] #home-dashboard-root .qaddselect,
[data-theme="dark"] #home-dashboard-root .qaddamount,
[data-theme="dark"] #home-dashboard-root .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] #home-dashboard-root .valprogressbar-rounded,
[data-theme="dark"] #home-dashboard-root .role-select-modal-rounded,
[data-theme="dark"] #home-dashboard-root .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] #home-dashboard-root .role-picker-content-rounded,
[data-theme="dark"] #home-dashboard-root .role-picker-content-rounded-2,
[data-theme="dark"] #home-dashboard-root .role-picker-content-rounded-3,
[data-theme="dark"] #home-dashboard-root .role-picker-content-rounded-4,
[data-theme="dark"] #home-dashboard-root .role-picker-content-rounded-5,
[data-theme="dark"] #home-dashboard-root .role-picker-content-rounded-6,
[data-theme="dark"] #home-dashboard-root [style*="background: #fff"],
[data-theme="dark"] #home-dashboard-root .sp-client-form-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .rsv-commission-rounded,
[data-theme="dark"] #home-dashboard-root .comm-no-planb-text-center-rounded,
[data-theme="dark"] #home-dashboard-root .sc-vs-actual-none-rounded,
[data-theme="dark"] #home-dashboard-root .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] #home-dashboard-root .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] #home-dashboard-root .stmtincomeanalysis-3,
[data-theme="dark"] #home-dashboard-root .add-user-panel-none-rounded,
[data-theme="dark"] #home-dashboard-root .screen-body-rounded-10,
[data-theme="dark"] #home-dashboard-root .screen-body-flex-clickable-3,
[data-theme="dark"] #home-dashboard-root .toolsbody-tax-rounded,
[data-theme="dark"] #home-dashboard-root .platform-pill-6,
[data-theme="dark"] #home-dashboard-root .importguide-none-rounded,
[data-theme="dark"] #home-dashboard-root [style*="background: #F9FAFB"] {
  background:var(--surface) !important;
}#kj-onboard .meeting-physical-flex-flex-column-rounde,
#kj-onboard .rt-meeting-platform-rounded,
#kj-onboard .outcome-won-flex-flex-column-rounded-cli,
#kj-onboard .rt-modal-value-rounded,
#kj-onboard .rt-modal-product-rounded,
#kj-onboard .rt-modal-stage-rounded,
#kj-onboard .spp-thismonth-rounded-clickable,
#kj-onboard .sp-preview-modal-rounded,
#kj-onboard .cpt-2500000-rounded-clickable,
#kj-onboard .sc-plan-b-rounded-clickable-bold,
#kj-onboard .sct-2500000-rounded-clickable,
#kj-onboard .mgr-view-analysis-rounded-clickable,
#kj-onboard .planb-toggle-knob-absolute-circle-w20-h2,
#kj-onboard .exp-panel-statement-rounded-clickable-bo,
#kj-onboard .settings-dark-thumb-block-absolute-circl,
#kj-onboard .new-user-name-rounded,
#kj-onboard .toastbtn-rounded-clickable-bold,
#kj-onboard .qaddselect,
#kj-onboard .qaddamount,
#kj-onboard .resettoexistingbtn-rounded-clickable-bol,
#kj-onboard .valprogressbar-rounded,
#kj-onboard .role-select-modal-rounded,
#kj-onboard .welcome-map-slide-flex-rounded-w68-h68,
#kj-onboard .role-picker-content-rounded,
#kj-onboard .role-picker-content-rounded-2,
#kj-onboard .role-picker-content-rounded-3,
#kj-onboard .role-picker-content-rounded-4,
#kj-onboard .role-picker-content-rounded-5,
#kj-onboard .role-picker-content-rounded-6 { background:#fff !important; }#kj-onboard [style*="color:#111827"] { color:#111827 !important; }#kj-onboard .meeting-physical-text-center,
#kj-onboard .outcome-cold-bold,
#kj-onboard .sp-archived-panel,
#kj-onboard .pk-rl10-lbl-bold,
#kj-onboard .rsv-commission-bold,
#kj-onboard .rsv-commission-rounded-bold,
#kj-onboard .comm-actual-breakdown,
#kj-onboard .comm-bands-table-text-left-bold,
#kj-onboard .comm-bands-table-text-right-bold,
#kj-onboard .rl-lbl-tgt-9,
#kj-onboard .payroll-footer-2,
#kj-onboard .payroll-deductions-bold,
#kj-onboard .result-card-18,
#kj-onboard .vtaxlabel,
#kj-onboard .vtaxamt-text-right-bold { color:#6B7280 !important; }
#kj-onboard .kj-option { background:#fff !important; border-color:#E8EAED !important; }
#kj-onboard .kj-option.kj-selected { background:#EDF5EF !important; }
#kj-onboard .kj-step-row { background:#fff !important; }

/* Period selector buttons on revenue screen */
[data-theme="dark"] [id^="rvp-"] { background:var(--surface) !important; color:var(--ts) !important; border-color:var(--border) !important; }
[data-theme="dark"] [id^="rvp-"].active,
[data-theme="dark"] [id^="spp-"].active { background:var(--g700) !important; color:#fff !important; }

/* ── Dark mode: Revenue line opp selector rows ── */
[data-theme="dark"] [id^="spc-opp-row-"] { background:var(--surface) !important; }
[data-theme="dark"] [id^="spc-opp-box-"] { border-color:var(--border) !important; }
[data-theme="dark"] [id^="spc-opp-lbl-"] { color:var(--tp) !important; }
[data-theme="dark"] [id^="spc-opp-val-"] { background:var(--surface-2) !important; color:var(--tp) !important; }
[data-theme="dark"] .screen-body::-webkit-scrollbar { display:none; }[data-theme="dark"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] .rt-meeting-platform-rounded,
[data-theme="dark"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] .rt-modal-value-rounded,
[data-theme="dark"] .rt-modal-product-rounded,
[data-theme="dark"] .rt-modal-stage-rounded,
[data-theme="dark"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] .sp-preview-modal-rounded,
[data-theme="dark"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] .sct-2500000-rounded-clickable,
[data-theme="dark"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] .new-user-name-rounded,
[data-theme="dark"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] .qaddselect,
[data-theme="dark"] .qaddamount,
[data-theme="dark"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .valprogressbar-rounded,
[data-theme="dark"] .role-select-modal-rounded,
[data-theme="dark"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] .role-picker-content-rounded,
[data-theme="dark"] .role-picker-content-rounded-2,
[data-theme="dark"] .role-picker-content-rounded-3,
[data-theme="dark"] .role-picker-content-rounded-4,
[data-theme="dark"] .role-picker-content-rounded-5,
[data-theme="dark"] .role-picker-content-rounded-6,
[data-theme="dark"] [style*="background: #fff"] {
  background:#161B22 !important;
  color:inherit;
}[data-theme="dark"] .sp-client-form-rounded-clickable,
[data-theme="dark"] .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] .rsv-commission-rounded,
[data-theme="dark"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] .sc-vs-actual-none-rounded,
[data-theme="dark"] .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] .stmtincomeanalysis-3,
[data-theme="dark"] .add-user-panel-none-rounded,
[data-theme="dark"] .screen-body-rounded-10,
[data-theme="dark"] .screen-body-flex-clickable-3,
[data-theme="dark"] .toolsbody-tax-rounded,
[data-theme="dark"] .platform-pill-6,
[data-theme="dark"] .importguide-none-rounded,
[data-theme="dark"] [style*="background: #F9FAFB"] { background:#1C2128 !important; }[data-theme="dark"] .outcome-cold-flex-rounded-w38-h38,
[data-theme="dark"] .sp-archived-panel-flex,
[data-theme="dark"] .perf-sprint-row-absolute-rounded,
[data-theme="dark"] .expcoveragetracker-rounded-h10,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-3,
[data-theme="dark"] .add-user-panel-rounded-clickable,
[data-theme="dark"] .sec-label-row-flex-rounded,
[data-theme="dark"] .nudge-sheet-flex-circle-w32-h32-2,
[data-theme="dark"] [style*="background: #F3F4F6"] { background:#21262D !important; }[data-theme="dark"] [style*="background:#F4F6F9"],
[data-theme="dark"] [style*="background: #F4F6F9"] { background:#0D1117 !important; }[data-theme="dark"] .meeting-telephone-flex-rounded-w36-h36,
[data-theme="dark"] .outcome-won-flex-rounded-w38-h38,
[data-theme="dark"] .rt-modal-won-details-none-rounded,
[data-theme="dark"] .rt-modal-won-details-flex-rounded,
[data-theme="dark"] .sf-done-rounded-clickable-bold,
[data-theme="dark"] .reasonstodaysaved-flex-rounded,
[data-theme="dark"] .expzerobasedcard-text-center-rounded,
[data-theme="dark"] .ab-results-flex-rounded,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo-2,
[data-theme="dark"] .stmtprocessing-none-text-center-rounded,
[data-theme="dark"] .stmtsummarycard-text-center-rounded-3,
[data-theme="dark"] .stmtsummarycard-rounded-clickable-bold,
[data-theme="dark"] .stmtincomeanalysis-flex,
[data-theme="dark"] .stmtresults-rounded,
[data-theme="dark"] .qaddpreview-rounded-2,
[data-theme="dark"] .qaddpreview-rounded-3,
[data-theme="dark"] .platform-pill-2,
[data-theme="dark"] .welcome-map-slide-flex-rounded,
[data-theme="dark"] .role-picker-content-flex-rounded-clickab,
[data-theme="dark"] .kj-s5-rounded-2,
[data-theme="dark"] [style*="background: #EDF5EF"] { background:#0D2318 !important; }[data-theme="dark"] [style*="background:#F0F2F5"],
[data-theme="dark"] [style*="background: #F0F2F5"] { background:#1C2128 !important; }[data-theme="dark"] .screen-body-flex-rounded-w34-h34-2,
[data-theme="dark"] .meeting-physical-flex-rounded-w36-h36,
[data-theme="dark"] .sp-readonly-banner-none-rounded,
[data-theme="dark"] .expzerobasedcard-text-center-rounded-2,
[data-theme="dark"] .stmtsummarycard-text-center-rounded,
[data-theme="dark"] .payroll-footer-none,
[data-theme="dark"] .qaddlaymanwrap-none-rounded,
[data-theme="dark"] .platform-pill-3,
[data-theme="dark"] .platform-pill-5,
[data-theme="dark"] .vperiodbanner-none-rounded,
[data-theme="dark"] .welcome-map-slide-flex-rounded-3,
[data-theme="dark"] [style*="background: #EFF6FF"] { background:#0F1B2D !important; }[data-theme="dark"] .losswarningbanner-none-rounded,
[data-theme="dark"] .growth-tiles-row-flex-rounded-w34-h34,
[data-theme="dark"] .screen-body-rounded-3,
[data-theme="dark"] .screen-body-flex-rounded-3,
[data-theme="dark"] .outcome-warm-flex-rounded-w38-h38,
[data-theme="dark"] .location-reminder-banner-none-flex-colum,
[data-theme="dark"] .rsv-performance-flex-3,
[data-theme="dark"] .reasonsselectedcount-rounded-bold,
[data-theme="dark"] .rsv-commission-flex-rounded-w30-h30,
[data-theme="dark"] .sc-revenue-rounded,
[data-theme="dark"] .rsv-commission-rounded-h6,
[data-theme="dark"] .sc-gap-msg-none-rounded,
[data-theme="dark"] .householdsnapshotcard-text-center-rounde-2,
[data-theme="dark"] .expcoveragestatus-rounded-bold,
[data-theme="dark"] .ab-self-note-none-rounded,
[data-theme="dark"] .bep-loss-warn-none-rounded,
[data-theme="dark"] .bep-no-products-warn-none-rounded,
[data-theme="dark"] .payables-footer-flex,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-2,
[data-theme="dark"] .freetiernotice-none-rounded,
[data-theme="dark"] .qaddcoachnotewrap-none-flex-row-rounded,
[data-theme="dark"] .resettoexistingbtn-none-rounded,
[data-theme="dark"] .autoplanquizprompt-none-rounded,
[data-theme="dark"] .platform-pill-4,
[data-theme="dark"] [style*="background: #FEF3C7"] { background:#2D2008 !important; }[data-theme="dark"] .mixerrorbanner-flex-rounded,
[data-theme="dark"] .outcome-hot-flex-rounded-w38-h38,
[data-theme="dark"] .stop-end-error-none-rounded,
[data-theme="dark"] .sf-pending-rounded-clickable-bold,
[data-theme="dark"] .expcoveragetracker-text-center-rounded,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-4,
[data-theme="dark"] .screen-body-flex-clickable-4,
[data-theme="dark"] .debt-summary-flex,
[data-theme="dark"] [style*="background: #FEF2F2"] { background:#2D1111 !important; }[data-theme="dark"] .meeting-virtual-flex-rounded-w36-h36,
[data-theme="dark"] .comm-planb-config-summary-rounded,
[data-theme="dark"] .comm-planb-section-rounded,
[data-theme="dark"] .comm-planb-section-3,
[data-theme="dark"] .planb-current-summary-none-rounded,
[data-theme="dark"] .householdsnapshotcard-text-center-rounde,
[data-theme="dark"] .screen-body-flex-clickable-2,
[data-theme="dark"] .welcome-map-slide-flex-rounded-4,
[data-theme="dark"] [style*="background: #F5F3FF"] { background:#1A1035 !important; }[data-theme="dark"] .home-coach-icon-flex-circle-w30-h30,
[data-theme="dark"] .biz-tiles-row-flex-circle-w30-h30,
[data-theme="dark"] .valentrychooser-flex-rounded-w46-h46,
[data-theme="dark"] .valentrychooser-flex-text-left-rounded-c-2,
[data-theme="dark"] .othersectorpanel-none-rounded,
[data-theme="dark"] .result-card-rounded,
[data-theme="dark"] .scenariocurrentval-flex-rounded,
[data-theme="dark"] [style*="background: #CCFBF1"] { background:#0D2926 !important; }[data-theme="dark"] .rt-visit-modal-rounded-w36-h4,
[data-theme="dark"] .rsv-commission-rounded-bold,
[data-theme="dark"] .planb-master-toggle-relative-rounded-cli,
[data-theme="dark"] [style*="background: #E5E7EB"] { background:#30363D !important; }[data-theme="dark"] [style*="background:#FFF5F5"],
[data-theme="dark"] [style*="background: #FFF5F5"] { background:#2D1111 !important; }[data-theme="dark"] [style*="background:#F8FFFE"],
[data-theme="dark"] [style*="background: #F8FFFE"] { background:#0D2926 !important; }[data-theme="dark"] .welcome-map-slide-flex-rounded-5,
[data-theme="dark"] [style*="background: #ECFDF5"] { background:#0D2318 !important; }[data-theme="dark"] [style*="background:#A7F3D0"],
[data-theme="dark"] [style*="background: #A7F3D0"] { background:#1A4731 !important; }[data-theme="dark"] [style*="color:#111827"],
[data-theme="dark"] [style*="color: #111827"] { color:#E6EDF3 !important; }[data-theme="dark"] .sp-archived-panel-bold,
[data-theme="dark"] .qaddpreview-rounded-3,
[data-theme="dark"] .kj-s5-2,
[data-theme="dark"] [style*="color: #374151"] { color:#C9D1D9 !important; }[data-theme="dark"] .qaddselect,
[data-theme="dark"] .vgrossprofitlabel,
[data-theme="dark"] .vgrossprofit-text-right-bold,
[data-theme="dark"] [style*="color: #111"] { color:#E6EDF3 !important; }[data-theme="dark"] .welcome-map-slide-bold-2,
[data-theme="dark"] .role-picker-content-bold-5,
[data-theme="dark"] .role-picker-content-bold-6,
[data-theme="dark"] .kj-s5-bold-4,
[data-theme="dark"] [style*="color: #0F2B1A"] { color:#2E8B4A !important; }[data-theme="dark"] .meeting-physical-text-center,
[data-theme="dark"] .outcome-cold-bold,
[data-theme="dark"] .sp-archived-panel,
[data-theme="dark"] .pk-rl10-lbl-bold,
[data-theme="dark"] .rsv-commission-bold,
[data-theme="dark"] .rsv-commission-rounded-bold,
[data-theme="dark"] .comm-actual-breakdown,
[data-theme="dark"] .comm-bands-table-text-left-bold,
[data-theme="dark"] .comm-bands-table-text-right-bold,
[data-theme="dark"] .rl-lbl-tgt-9,
[data-theme="dark"] .payroll-footer-2,
[data-theme="dark"] .payroll-deductions-bold,
[data-theme="dark"] .result-card-18,
[data-theme="dark"] .vtaxlabel,
[data-theme="dark"] .vtaxamt-text-right-bold,
[data-theme="dark"] [style*="color: #6B7280"] { color:#8B949E !important; }[data-theme="dark"] .rsv-commission-2,
[data-theme="dark"] .comm-no-planb,
[data-theme="dark"] [style*="color: #9CA3AF"] { color:#6E7681 !important; }[data-theme="dark"] .comm-no-planb-2,
[data-theme="dark"] .platform-pill-6,
[data-theme="dark"] [style*="color: #E5E7EB"] { color:#30363D !important; }[data-theme="dark"] [style*="border:1px solid #E2E8F0"],
[data-theme="dark"] [style*="border: 1px solid #E2E8F0"],
[data-theme="dark"] [style*="border:1.5px solid #E2E8F0"] { border-color:#30363D !important; }[data-theme="dark"] .screen-body-flex-13,
[data-theme="dark"] [style*="border-bottom: 1px solid #F3F4F6"] { border-bottom-color:#21262D !important; }[data-theme="dark"] .rsv-plan-rounded,
[data-theme="dark"] .route-tasks-header-none-rounded,
[data-theme="dark"] .stops-list-none-flex-column-rounded,
[data-theme="dark"] .sp-analytics-rounded,
[data-theme="dark"] .rsv-performance-rounded,
[data-theme="dark"] .rsv-performance-rounded-2,
[data-theme="dark"] .rsv-performance-rounded-3,
[data-theme="dark"] .mgr-view-targets-rounded,
[data-theme="dark"] .screen-revenue-flex-rounded,
[data-theme="dark"] .screen-body-rounded-9,
[data-theme="dark"] .screen-body-rounded-11,
[data-theme="dark"] .screen-body-flex-rounded-6,
[data-theme="dark"] .screen-body-rounded-15,
[data-theme="dark"] .valimportpanel-rounded-clickable-bold,
[data-theme="dark"] .importguide-none-rounded,
[data-theme="dark"] .revlineselect-rounded-clickable,
[data-theme="dark"] .revlinecard-none-rounded,
[data-theme="dark"] .psec-amort-rounded,
[data-theme="dark"] .amortdepositpct-rounded-bold,
[data-theme="dark"] .screen-body-flex-flex-column-rounded-cli,
[data-theme="dark"] .growth-tiles-row-flex-flex-column-rounde,
[data-theme="dark"] .growth-tiles-row-flex-flex-column-rounde-2,
[data-theme="dark"] .screen-body-rounded-2,
[data-theme="dark"] .redeemcodecard-rounded,
[data-theme="dark"] .redeemcodeinput-rounded,
[data-theme="dark"] .screen-body-rounded-6,
[data-theme="dark"] .rt-modal-stage-rounded,
[data-theme="dark"] .rt-modal-notes-rounded,
[data-theme="dark"] .rt-modal-next-rounded,
[data-theme="dark"] .rt-visit-modal-rounded-clickable-bold,
[data-theme="dark"] .trip-date-rounded,
[data-theme="dark"] .trip-route-notes-rounded,
[data-theme="dark"] .stop-purpose-rounded-clickable,
[data-theme="dark"] .stop-route-notes-rounded,
[data-theme="dark"] .spc-opp-row-0-rounded,
[data-theme="dark"] .spc-opp-val-0-rounded,
[data-theme="dark"] .spc-notes-rounded,
[data-theme="dark"] .sp-client-form-rounded-clickable,
[data-theme="dark"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] .sp-range-from-rounded,
[data-theme="dark"] .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] .rsv-performance-rounded-4,
[data-theme="dark"] .reasonsdailynote-rounded,
[data-theme="dark"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] .sct-2500000-rounded-clickable,
[data-theme="dark"] .analysis-from-rounded,
[data-theme="dark"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] .pb-date-from-rounded,
[data-theme="dark"] .tgt-rep-select-rounded-clickable,
[data-theme="dark"] .meanschartcard-none-rounded,
[data-theme="dark"] .expcoveragetracker-none-rounded,
[data-theme="dark"] .expprofitbridge-rounded,
[data-theme="dark"] .billsfilterbusiness-rounded-clickable-bo,
[data-theme="dark"] .ab-type-self-rounded-clickable-bold,
[data-theme="dark"] .ab-gross-rounded-bold,
[data-theme="dark"] .ab-age-btn-text-center-rounded-clickable-2,
[data-theme="dark"] .ab-results-rounded,
[data-theme="dark"] .exp-panel-statement-flex-rounded-clickab,
[data-theme="dark"] .stmtsummarycard-rounded,
[data-theme="dark"] .variancechartcard-none-rounded,
[data-theme="dark"] .varcharttoggleinc-rounded-clickable-bold,
[data-theme="dark"] .stmtincomeanalysis-rounded,
[data-theme="dark"] .stmttrendcard-none-rounded,
[data-theme="dark"] .stmtmoredetailsbody-rounded,
[data-theme="dark"] .stmtfilterin-rounded-clickable-bold,
[data-theme="dark"] .screen-revenue-rounded,
[data-theme="dark"] .bep-rl-select-rounded,
[data-theme="dark"] .screen-body-flex-rounded-4,
[data-theme="dark"] .screen-body-flex-rounded-5,
[data-theme="dark"] .screen-body-flex-rounded-clickable,
[data-theme="dark"] .rep-names-header-flex-rounded-clickable,
[data-theme="dark"] .rep-names-body-none-rounded,
[data-theme="dark"] .add-user-panel-none-rounded,
[data-theme="dark"] .new-user-name-rounded,
[data-theme="dark"] .add-user-panel-rounded-clickable,
[data-theme="dark"] .cp-current-rounded,
[data-theme="dark"] .screen-body-rounded-12,
[data-theme="dark"] .agerangeselect-rounded-clickable,
[data-theme="dark"] .app-input-rounded,
[data-theme="dark"] .app-date-rounded,
[data-theme="dark"] .app-support-rounded,
[data-theme="dark"] .valglossarybody-none-rounded { border-color:var(--border) !important; }

/* ── Chart.js canvas — keeps charts readable ── */
[data-theme="dark"] canvas { filter: brightness(0.9) contrast(1.1); }

/* ── Leaflet map ── */
[data-theme="dark"] .leaflet-tile { filter: brightness(0.7) invert(1) contrast(1.2) saturate(0.6) hue-rotate(180deg); }
[data-theme="dark"] .leaflet-container { background:#1C2128; }

/* ── Select dropdowns ── */
[data-theme="dark"] select { background:#0D1117 !important; color:var(--tp) !important; border-color:var(--border) !important; }
[data-theme="dark"] input:not([type="range"]) { background:#0D1117 !important; color:var(--tp) !important; border-color:var(--border) !important; }
[data-theme="dark"] textarea { background:#0D1117 !important; color:var(--tp) !important; border-color:var(--border) !important; }

/* ── Subtle transitions when switching ── */
body, .phone, .tab-bar, .app-header, .screen-body,
.input-card, .result-card, .kpi, .source-card, .fi {
  transition: background-color 0.25s ease, border-color 0.2s ease, color 0.15s ease;
}

/* ══════════════════════════════════════════════════════
   COMPREHENSIVE DARK MODE FIXES
   Ensures all text is readable on dark backgrounds
   ══════════════════════════════════════════════════════ */

/* Coach banner — text was invisible (#0F2B1A on dark bg) */
[data-theme="dark"] .coach-msg-title { color: #2E8B4A !important; }
[data-theme="dark"] .coach-msg-title::before { background: #2E8B4A; }
[data-theme="dark"] .coach-msg-body { color: #D1FAE5 !important; }
[data-theme="dark"] .coach-banner { border-color: rgba(74,222,128,.3); }

/* Status/score badges */
[data-theme="dark"] .s-safe { background:#0D2318; color:#2E8B4A; border-color:#1A4731; }
[data-theme="dark"] .s-tight { background:#2D2008; color:#FCD34D; border-color:#4D3612; }
[data-theme="dark"] .s-loss { background:#2D1111; color:#F87171; border-color:#5C2626; }
[data-theme="dark"] .s-gain { background:#0D2318; color:#2E8B4A; border-color:#1A4731; }
[data-theme="dark"] .v-badge.viable { background:#0D2318; color:#2E8B4A; border-color:#1A4731; }

/* Break-even & rate cells */
[data-theme="dark"] .br-val.g { color:#2E8B4A; }
[data-theme="dark"] .sens-cell-lo { background:#0D2318; color:#2E8B4A; }
[data-theme="dark"] .sens-cell-mid { background:#0F1B2D; color:#60A5FA; }
[data-theme="dark"] .rate-input.has-value { background:#0D2318; border-color:#1A4731; color:#2E8B4A; }

/* Investor profile section */
[data-theme="dark"] #investorProfileSection { background:var(--surface); border-color:var(--border); }
[data-theme="dark"] .age-bucket-pill { background:var(--surface); color:var(--tp); border-color:var(--border); }
[data-theme="dark"] .age-bucket-pill.active { background:var(--g700); color:#fff; border-color:var(--g700); }

/* KPI cards - kpi-lbl and kpi-sub text */
[data-theme="dark"] .kpi-lbl { color:var(--ts); }
[data-theme="dark"] .kpi-sub { color:var(--ts); }
[data-theme="dark"] .kpi-val { color:var(--tp); }

/* Portfolio screen specific */
[data-theme="dark"] .port-name { color:var(--tp); }
[data-theme="dark"] .port-meta { color:var(--ts); }
[data-theme="dark"] .port-val { color:var(--tp); }
[data-theme="dark"] .port-ret { color:#2E8B4A; }

/* Income/Expense labels & amounts */
[data-theme="dark"] .exp-cat-label { color:var(--tp); }
[data-theme="dark"] .exp-item-label { color:var(--tp); }
[data-theme="dark"] .inc-cat-label { color:var(--tp); }

/* Route / sales cards */
[data-theme="dark"] .stop-name { color:var(--tp); }
[data-theme="dark"] .stop-addr { color:var(--ts); }
[data-theme="dark"] .cl-lbl { color:var(--tp); }
[data-theme="dark"] .cl-val { color:var(--tp); }

/* sec-label::before bar stays green */
[data-theme="dark"] .sec-label { color:var(--ts); }
[data-theme="dark"] .sec-label::before { background:var(--g400); }

/* Collapsible account section headers */
[data-theme="dark"] .acc-section-title { color:var(--tp); }

/* Output display */
[data-theme="dark"] .output-display { background:var(--surface); border-color:var(--border); }
[data-theme="dark"] .output-val { color:var(--tp); }
[data-theme="dark"] .output-lbl { color:var(--ts); }

/* Mix boxes */
[data-theme="dark"] .mix-box { background:var(--surface); border-color:var(--border); }
[data-theme="dark"] .mix-label { color:var(--tp); }

/* Schedule rows */
[data-theme="dark"] .yr-card { background:var(--surface); border-color:var(--border); }
[data-theme="dark"] .yr-pill { background:var(--surface); color:var(--tp); border-color:var(--border); }
[data-theme="dark"] .yr-pill.active { background:var(--g700); color:#fff; }

/* Form labels inside cards */
[data-theme="dark"] select,
[data-theme="dark"] input:not([type="range"]):not(.pwd-input),
[data-theme="dark"] textarea {
  background: var(--surface) !important;
  color: var(--tp) !important;
  border-color: var(--border) !important;
}

/* Specifically fix selects with hardcoded bg */
[data-theme="dark"] select option { background: var(--surface); color: var(--tp); }[data-theme="dark"] .pk-env-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-2,
[data-theme="dark"] .qaddlaymanwrap-bold,
[data-theme="dark"] .scoreinfobody-3,
[data-theme="dark"] .valentrychooser-bold-2,
[data-theme="dark"] .platform-pill-5,
[data-theme="dark"] .fi-label-3,
[data-theme="dark"] .result-card-bold-3,
[data-theme="dark"] .vprofitatlabel-bold,
[data-theme="dark"] .vnetprofit-text-right-bold,
[data-theme="dark"] .scenariocurrentval-bold,
[data-theme="dark"] .scenariocurrentmid-bold,
[data-theme="dark"] .role-picker-content-10,
[data-theme="dark"] .role-picker-content-11 { color:#2DD4BF !important; }[data-theme="dark"] .meeting-physical-bold,
[data-theme="dark"] .sp-readonly-banner,
[data-theme="dark"] .pk-wu-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-5,
[data-theme="dark"] .fin-nav-targets,
[data-theme="dark"] .tgt-saved-msg-none-text-center-bold-2,
[data-theme="dark"] .expzerobasedcard-bold-2,
[data-theme="dark"] .stmtsummarycard-bold,
[data-theme="dark"] .stmtsummarybudget-bold,
[data-theme="dark"] .payroll-footer,
[data-theme="dark"] .payroll-gross-bold,
[data-theme="dark"] .platform-pill-3,
[data-theme="dark"] .welcome-map-slide-5,
[data-theme="dark"] .role-picker-content-6,
[data-theme="dark"] .role-picker-content-7 { color:#60A5FA !important; }[data-theme="dark"] .mixerrorbanner-bold,
[data-theme="dark"] .mixerrormsg,
[data-theme="dark"] .outcome-hot-bold,
[data-theme="dark"] .trip-date-warn-none,
[data-theme="dark"] .stop-end-error-none-rounded,
[data-theme="dark"] .sf-pending-rounded-clickable-bold,
[data-theme="dark"] .pk-rl5-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-6,
[data-theme="dark"] .expcoveragetracker-bold,
[data-theme="dark"] .ab-t-paye-bold,
[data-theme="dark"] .debtsimtogglebtn-rounded-clickable-bold { color:#F87171 !important; }[data-theme="dark"] .meeting-physical-text-center,
[data-theme="dark"] .outcome-cold-bold,
[data-theme="dark"] .sp-archived-panel,
[data-theme="dark"] .pk-rl10-lbl-bold,
[data-theme="dark"] .rsv-commission-bold,
[data-theme="dark"] .rsv-commission-rounded-bold,
[data-theme="dark"] .comm-actual-breakdown,
[data-theme="dark"] .comm-bands-table-text-left-bold,
[data-theme="dark"] .comm-bands-table-text-right-bold,
[data-theme="dark"] .rl-lbl-tgt-9,
[data-theme="dark"] .payroll-footer-2,
[data-theme="dark"] .payroll-deductions-bold,
[data-theme="dark"] .result-card-18,
[data-theme="dark"] .vtaxlabel,
[data-theme="dark"] .vtaxamt-text-right-bold { color:#9CA3AF !important; }[data-theme="dark"] .meeting-virtual-bold,
[data-theme="dark"] .rsv-performance-text-center-bold-3,
[data-theme="dark"] .pk-ind-lbl-bold,
[data-theme="dark"] .comm-planb-section-bold,
[data-theme="dark"] .comm-planb-config-summary-rounded,
[data-theme="dark"] .comm-planb-section-bold-4,
[data-theme="dark"] .comm-planb-revenue-display-bold,
[data-theme="dark"] .comm-planb-section-2,
[data-theme="dark"] .comm-table-title-bold,
[data-theme="dark"] .pb-rep-all-clickable-w16-h16,
[data-theme="dark"] .planb-saved-msg-none-text-center-bold,
[data-theme="dark"] .planb-current-summary-bold,
[data-theme="dark"] .planb-summary-body,
[data-theme="dark"] .rl-lbl-tgt-4,
[data-theme="dark"] .householdsnapshotcard-bold { color:#C084FC !important; }[data-theme="dark"] .outcome-warm-bold,
[data-theme="dark"] .rsv-performance-text-center-bold,
[data-theme="dark"] .pk-rl6-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-7,
[data-theme="dark"] .payables-total-bold,
[data-theme="dark"] .scoreinfobody-4 { color:#FCD34D !important; }[data-theme="dark"] .screen-body-bold-7,
[data-theme="dark"] .screen-body-15,
[data-theme="dark"] .screen-body-bold-12,
[data-theme="dark"] .trip-stop-count-rounded-bold,
[data-theme="dark"] .pk-rl8-lbl-bold,
[data-theme="dark"] .rl-lbl-tgt-8,
[data-theme="dark"] .stmttotalin-bold,
[data-theme="dark"] .scoreinfobody-2,
[data-theme="dark"] .role-picker-content-8,
[data-theme="dark"] .role-picker-content-9,
[data-theme="dark"] .kj-time-confirm-none-text-center-rounded { color:#2E8B4A !important; }[data-theme="dark"] .meeting-telephone-bold,
[data-theme="dark"] .outcome-won-bold,
[data-theme="dark"] .rt-modal-won-details-bold,
[data-theme="dark"] .rt-modal-won-details-flex-rounded,
[data-theme="dark"] .sf-done-rounded-clickable-bold,
[data-theme="dark"] .rsv-performance-text-center-bold-2,
[data-theme="dark"] .reasonstodaysaved-flex-rounded,
[data-theme="dark"] .expzerobasedcard-bold,
[data-theme="dark"] .ab-results-bold-2,
[data-theme="dark"] .ab-t-eff,
[data-theme="dark"] .ab-t-net-bold,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo-2,
[data-theme="dark"] .stmtsummarycard-bold-3,
[data-theme="dark"] .stmtsummarycard-rounded-clickable-bold,
[data-theme="dark"] .addinvformbody-rounded-clickable-bold,
[data-theme="dark"] .qaddpreview-2,
[data-theme="dark"] .platform-pill-2,
[data-theme="dark"] .welcome-map-slide-3 { color:#2E8B4A !important; }[data-theme="dark"] [style*="color:#111827"] { color:#E6EDF3 !important; }[data-theme="dark"] .sp-archived-panel-bold,
[data-theme="dark"] .qaddpreview-rounded-3,
[data-theme="dark"] .kj-s5-2 { color:#D1D5DB !important; }[data-theme="dark"] .welcome-map-slide-bold-2,
[data-theme="dark"] .role-picker-content-bold-5,
[data-theme="dark"] .role-picker-content-bold-6,
[data-theme="dark"] .kj-s5-bold-4 { color:#D1FAE5 !important; }[data-theme="dark"] [style*="color:#166534"] { color:#2E8B4A !important; }[data-theme="dark"] .tariffhint,
[data-theme="dark"] .losswarningbanner-none-rounded,
[data-theme="dark"] .screen-body-bold-15,
[data-theme="dark"] .screen-body-30,
[data-theme="dark"] .location-reminder-banner-bold,
[data-theme="dark"] .location-reminder-banner,
[data-theme="dark"] .rsv-performance-bold-2,
[data-theme="dark"] .reasonsselectedcount-rounded-bold,
[data-theme="dark"] .rsv-commission-bold-3,
[data-theme="dark"] .rsv-commission-3,
[data-theme="dark"] .sc-attainment-label,
[data-theme="dark"] .sc-gap-msg-none-rounded,
[data-theme="dark"] .householdsnapshotcard-bold-2,
[data-theme="dark"] .expcoveragestatus-rounded-bold,
[data-theme="dark"] .ab-self-note-none-rounded,
[data-theme="dark"] .bep-loss-warn-none-rounded,
[data-theme="dark"] .bep-no-products-warn-none-rounded,
[data-theme="dark"] .payables-footer,
[data-theme="dark"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .autoplanquizprompt-bold,
[data-theme="dark"] .debt-total-bold,
[data-theme="dark"] .platform-pill-4,
[data-theme="dark"] .welcome-map-slide-4,
[data-theme="dark"] .role-picker-content-3,
[data-theme="dark"] .role-picker-content-5,
[data-theme="dark"] .fi-label-5 { color:#FCD34D !important; }[data-theme="dark"] [style*="color:#1F2937"] { color:#E6EDF3 !important; }[data-theme="dark"] [style*="color:#0a2016"] { color:#D1FAE5 !important; }[data-theme="dark"] .meeting-telephone-flex-rounded-w36-h36,
[data-theme="dark"] .outcome-won-flex-rounded-w38-h38,
[data-theme="dark"] .rt-modal-won-details-none-rounded,
[data-theme="dark"] .rt-modal-won-details-flex-rounded,
[data-theme="dark"] .sf-done-rounded-clickable-bold,
[data-theme="dark"] .reasonstodaysaved-flex-rounded,
[data-theme="dark"] .expzerobasedcard-text-center-rounded,
[data-theme="dark"] .ab-results-flex-rounded,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo-2,
[data-theme="dark"] .stmtprocessing-none-text-center-rounded,
[data-theme="dark"] .stmtsummarycard-text-center-rounded-3,
[data-theme="dark"] .stmtsummarycard-rounded-clickable-bold,
[data-theme="dark"] .stmtincomeanalysis-flex,
[data-theme="dark"] .stmtresults-rounded,
[data-theme="dark"] .qaddpreview-rounded-2,
[data-theme="dark"] .qaddpreview-rounded-3,
[data-theme="dark"] .platform-pill-2,
[data-theme="dark"] .welcome-map-slide-flex-rounded,
[data-theme="dark"] .role-picker-content-flex-rounded-clickab,
[data-theme="dark"] .kj-s5-rounded-2,
[data-theme="dark"] [style*="background: #EDF5EF"] { background:#0D2318 !important; }[data-theme="dark"] .screen-body-flex-rounded-w34-h34-2,
[data-theme="dark"] .meeting-physical-flex-rounded-w36-h36,
[data-theme="dark"] .sp-readonly-banner-none-rounded,
[data-theme="dark"] .expzerobasedcard-text-center-rounded-2,
[data-theme="dark"] .stmtsummarycard-text-center-rounded,
[data-theme="dark"] .payroll-footer-none,
[data-theme="dark"] .qaddlaymanwrap-none-rounded,
[data-theme="dark"] .platform-pill-3,
[data-theme="dark"] .platform-pill-5,
[data-theme="dark"] .vperiodbanner-none-rounded,
[data-theme="dark"] .welcome-map-slide-flex-rounded-3,
[data-theme="dark"] [style*="background: #EFF6FF"] { background:#0F1B2D !important; }[data-theme="dark"] .losswarningbanner-none-rounded,
[data-theme="dark"] .growth-tiles-row-flex-rounded-w34-h34,
[data-theme="dark"] .screen-body-rounded-3,
[data-theme="dark"] .screen-body-flex-rounded-3,
[data-theme="dark"] .outcome-warm-flex-rounded-w38-h38,
[data-theme="dark"] .location-reminder-banner-none-flex-colum,
[data-theme="dark"] .rsv-performance-flex-3,
[data-theme="dark"] .reasonsselectedcount-rounded-bold,
[data-theme="dark"] .rsv-commission-flex-rounded-w30-h30,
[data-theme="dark"] .sc-revenue-rounded,
[data-theme="dark"] .rsv-commission-rounded-h6,
[data-theme="dark"] .sc-gap-msg-none-rounded,
[data-theme="dark"] .householdsnapshotcard-text-center-rounde-2,
[data-theme="dark"] .expcoveragestatus-rounded-bold,
[data-theme="dark"] .ab-self-note-none-rounded,
[data-theme="dark"] .bep-loss-warn-none-rounded,
[data-theme="dark"] .bep-no-products-warn-none-rounded,
[data-theme="dark"] .payables-footer-flex,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-2,
[data-theme="dark"] .freetiernotice-none-rounded,
[data-theme="dark"] .qaddcoachnotewrap-none-flex-row-rounded,
[data-theme="dark"] .resettoexistingbtn-none-rounded,
[data-theme="dark"] .autoplanquizprompt-none-rounded,
[data-theme="dark"] .platform-pill-4,
[data-theme="dark"] [style*="background: #FEF3C7"] { background:#2D2008 !important; }[data-theme="dark"] .mixerrorbanner-flex-rounded,
[data-theme="dark"] .outcome-hot-flex-rounded-w38-h38,
[data-theme="dark"] .stop-end-error-none-rounded,
[data-theme="dark"] .sf-pending-rounded-clickable-bold,
[data-theme="dark"] .expcoveragetracker-text-center-rounded,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-4,
[data-theme="dark"] .screen-body-flex-clickable-4,
[data-theme="dark"] .debt-summary-flex,
[data-theme="dark"] [style*="background: #FEF2F2"] { background:#2D1111 !important; }[data-theme="dark"] .sp-client-form-rounded-clickable,
[data-theme="dark"] .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] .rsv-commission-rounded,
[data-theme="dark"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] .sc-vs-actual-none-rounded,
[data-theme="dark"] .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] .stmtincomeanalysis-3,
[data-theme="dark"] .add-user-panel-none-rounded,
[data-theme="dark"] .screen-body-rounded-10,
[data-theme="dark"] .screen-body-flex-clickable-3,
[data-theme="dark"] .toolsbody-tax-rounded,
[data-theme="dark"] .platform-pill-6,
[data-theme="dark"] .importguide-none-rounded,
[data-theme="dark"] [style*="background: #F9FAFB"] { background:#1C2128 !important; }[data-theme="dark"] .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] .rt-meeting-platform-rounded,
[data-theme="dark"] .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] .rt-modal-value-rounded,
[data-theme="dark"] .rt-modal-product-rounded,
[data-theme="dark"] .rt-modal-stage-rounded,
[data-theme="dark"] .spp-thismonth-rounded-clickable,
[data-theme="dark"] .sp-preview-modal-rounded,
[data-theme="dark"] .cpt-2500000-rounded-clickable,
[data-theme="dark"] .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] .sct-2500000-rounded-clickable,
[data-theme="dark"] .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] .new-user-name-rounded,
[data-theme="dark"] .toastbtn-rounded-clickable-bold,
[data-theme="dark"] .qaddselect,
[data-theme="dark"] .qaddamount,
[data-theme="dark"] .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] .valprogressbar-rounded,
[data-theme="dark"] .role-select-modal-rounded,
[data-theme="dark"] .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] .role-picker-content-rounded,
[data-theme="dark"] .role-picker-content-rounded-2,
[data-theme="dark"] .role-picker-content-rounded-3,
[data-theme="dark"] .role-picker-content-rounded-4,
[data-theme="dark"] .role-picker-content-rounded-5,
[data-theme="dark"] .role-picker-content-rounded-6,
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #fff"] { background:var(--surface) !important; }[data-theme="dark"] [style*="background:white"] { background:var(--surface) !important; }[data-theme="dark"] .sp-archived-panel-none-rounded,
[data-theme="dark"] .rsv-commission-rounded,
[data-theme="dark"] [style*="border: 1.5px solid #E5E7EB"] { border-color: var(--border) !important; }[data-theme="dark"] .comm-no-planb-text-center-rounded,
[data-theme="dark"] [style*="border: 1px solid #E5E7EB"] { border-color: var(--border) !important; }[data-theme="dark"] .screen-body-flex-13 { border-color: var(--border) !important; }[data-theme="dark"] .sp-archived-panel-flex,
[data-theme="dark"] .sp-preview-summary-grid { border-color: var(--border) !important; }[data-theme="dark"] .qaddselect,
[data-theme="dark"] .vgrossprofitlabel,
[data-theme="dark"] .vgrossprofit-text-right-bold { color:var(--tp) !important; }[data-theme="dark"] [style*="color:#000"] { color:var(--tp) !important; }[data-theme="dark"] #premiumGateOverlay [style*="color:#111827"] { color:#E6EDF3 !important; }[data-theme="dark"] #premiumGateOverlay .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] #premiumGateOverlay .rt-meeting-platform-rounded,
[data-theme="dark"] #premiumGateOverlay .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] #premiumGateOverlay .rt-modal-value-rounded,
[data-theme="dark"] #premiumGateOverlay .rt-modal-product-rounded,
[data-theme="dark"] #premiumGateOverlay .rt-modal-stage-rounded,
[data-theme="dark"] #premiumGateOverlay .spp-thismonth-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .sp-preview-modal-rounded,
[data-theme="dark"] #premiumGateOverlay .cpt-2500000-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] #premiumGateOverlay .sct-2500000-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] #premiumGateOverlay .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] #premiumGateOverlay .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] #premiumGateOverlay .new-user-name-rounded,
[data-theme="dark"] #premiumGateOverlay .toastbtn-rounded-clickable-bold,
[data-theme="dark"] #premiumGateOverlay .qaddselect,
[data-theme="dark"] #premiumGateOverlay .qaddamount,
[data-theme="dark"] #premiumGateOverlay .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] #premiumGateOverlay .valprogressbar-rounded,
[data-theme="dark"] #premiumGateOverlay .role-select-modal-rounded,
[data-theme="dark"] #premiumGateOverlay .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-rounded,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-rounded-2,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-rounded-3,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-rounded-4,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-rounded-5,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-rounded-6 { background:var(--surface) !important; }[data-theme="dark"] #premiumGateOverlay .meeting-telephone-flex-rounded-w36-h36,
[data-theme="dark"] #premiumGateOverlay .outcome-won-flex-rounded-w38-h38,
[data-theme="dark"] #premiumGateOverlay .rt-modal-won-details-none-rounded,
[data-theme="dark"] #premiumGateOverlay .rt-modal-won-details-flex-rounded,
[data-theme="dark"] #premiumGateOverlay .sf-done-rounded-clickable-bold,
[data-theme="dark"] #premiumGateOverlay .reasonstodaysaved-flex-rounded,
[data-theme="dark"] #premiumGateOverlay .expzerobasedcard-text-center-rounded,
[data-theme="dark"] #premiumGateOverlay .ab-results-flex-rounded,
[data-theme="dark"] #premiumGateOverlay .exp-panel-statement-rounded-clickable-bo-2,
[data-theme="dark"] #premiumGateOverlay .stmtprocessing-none-text-center-rounded,
[data-theme="dark"] #premiumGateOverlay .stmtsummarycard-text-center-rounded-3,
[data-theme="dark"] #premiumGateOverlay .stmtsummarycard-rounded-clickable-bold,
[data-theme="dark"] #premiumGateOverlay .stmtincomeanalysis-flex,
[data-theme="dark"] #premiumGateOverlay .stmtresults-rounded,
[data-theme="dark"] #premiumGateOverlay .qaddpreview-rounded-2,
[data-theme="dark"] #premiumGateOverlay .qaddpreview-rounded-3,
[data-theme="dark"] #premiumGateOverlay .platform-pill-2,
[data-theme="dark"] #premiumGateOverlay .welcome-map-slide-flex-rounded,
[data-theme="dark"] #premiumGateOverlay .role-picker-content-flex-rounded-clickab,
[data-theme="dark"] #premiumGateOverlay .kj-s5-rounded-2 { background:#0D2318 !important; }[data-theme="dark"] #premiumGateOverlay .sp-client-form-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .sp-archive-toggle-flex-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .rsv-commission-rounded,
[data-theme="dark"] #premiumGateOverlay .comm-no-planb-text-center-rounded,
[data-theme="dark"] #premiumGateOverlay .sc-vs-actual-none-rounded,
[data-theme="dark"] #premiumGateOverlay .pb-rep-all-wrap-flex-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .planb-config-wrap-flex-rounded-clickable,
[data-theme="dark"] #premiumGateOverlay .stmtsummarycard-text-center-rounded-2,
[data-theme="dark"] #premiumGateOverlay .stmtincomeanalysis-3,
[data-theme="dark"] #premiumGateOverlay .add-user-panel-none-rounded,
[data-theme="dark"] #premiumGateOverlay .screen-body-rounded-10,
[data-theme="dark"] #premiumGateOverlay .screen-body-flex-clickable-3,
[data-theme="dark"] #premiumGateOverlay .toolsbody-tax-rounded,
[data-theme="dark"] #premiumGateOverlay .platform-pill-6,
[data-theme="dark"] #premiumGateOverlay .importguide-none-rounded { background:#1C2128 !important; }[data-theme="dark"] #usertype-render-root .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] #usertype-render-root .rt-meeting-platform-rounded,
[data-theme="dark"] #usertype-render-root .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] #usertype-render-root .rt-modal-value-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-product-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-stage-rounded,
[data-theme="dark"] #usertype-render-root .spp-thismonth-rounded-clickable,
[data-theme="dark"] #usertype-render-root .sp-preview-modal-rounded,
[data-theme="dark"] #usertype-render-root .cpt-2500000-rounded-clickable,
[data-theme="dark"] #usertype-render-root .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] #usertype-render-root .sct-2500000-rounded-clickable,
[data-theme="dark"] #usertype-render-root .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] #usertype-render-root .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] #usertype-render-root .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] #usertype-render-root .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] #usertype-render-root .new-user-name-rounded,
[data-theme="dark"] #usertype-render-root .toastbtn-rounded-clickable-bold,
[data-theme="dark"] #usertype-render-root .qaddselect,
[data-theme="dark"] #usertype-render-root .qaddamount,
[data-theme="dark"] #usertype-render-root .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] #usertype-render-root .valprogressbar-rounded,
[data-theme="dark"] #usertype-render-root .role-select-modal-rounded,
[data-theme="dark"] #usertype-render-root .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] #usertype-render-root .role-picker-content-rounded,
[data-theme="dark"] #usertype-render-root .role-picker-content-rounded-2,
[data-theme="dark"] #usertype-render-root .role-picker-content-rounded-3,
[data-theme="dark"] #usertype-render-root .role-picker-content-rounded-4,
[data-theme="dark"] #usertype-render-root .role-picker-content-rounded-5,
[data-theme="dark"] #usertype-render-root .role-picker-content-rounded-6 { background:var(--surface) !important; }[data-theme="dark"] #usertype-render-root .meeting-telephone-flex-rounded-w36-h36,
[data-theme="dark"] #usertype-render-root .outcome-won-flex-rounded-w38-h38,
[data-theme="dark"] #usertype-render-root .rt-modal-won-details-none-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-won-details-flex-rounded,
[data-theme="dark"] #usertype-render-root .sf-done-rounded-clickable-bold,
[data-theme="dark"] #usertype-render-root .reasonstodaysaved-flex-rounded,
[data-theme="dark"] #usertype-render-root .expzerobasedcard-text-center-rounded,
[data-theme="dark"] #usertype-render-root .ab-results-flex-rounded,
[data-theme="dark"] #usertype-render-root .exp-panel-statement-rounded-clickable-bo-2,
[data-theme="dark"] #usertype-render-root .stmtprocessing-none-text-center-rounded,
[data-theme="dark"] #usertype-render-root .stmtsummarycard-text-center-rounded-3,
[data-theme="dark"] #usertype-render-root .stmtsummarycard-rounded-clickable-bold,
[data-theme="dark"] #usertype-render-root .stmtincomeanalysis-flex,
[data-theme="dark"] #usertype-render-root .stmtresults-rounded,
[data-theme="dark"] #usertype-render-root .qaddpreview-rounded-2,
[data-theme="dark"] #usertype-render-root .qaddpreview-rounded-3,
[data-theme="dark"] #usertype-render-root .platform-pill-2,
[data-theme="dark"] #usertype-render-root .welcome-map-slide-flex-rounded,
[data-theme="dark"] #usertype-render-root .role-picker-content-flex-rounded-clickab,
[data-theme="dark"] #usertype-render-root .kj-s5-rounded-2 { background:#0D2318 !important; }[data-theme="dark"] #usertype-render-root .revlineselect-rounded-clickable,
[data-theme="dark"] #usertype-render-root .revlinetitle-bold,
[data-theme="dark"] #usertype-render-root .amortdepositpct-rounded-bold,
[data-theme="dark"] #usertype-render-root .screen-body-text-center-bold,
[data-theme="dark"] #usertype-render-root .screen-body-bold-13,
[data-theme="dark"] #usertype-render-root .screen-body-bold-14,
[data-theme="dark"] #usertype-render-root .screen-body-23,
[data-theme="dark"] #usertype-render-root .redeemcodecard-bold,
[data-theme="dark"] #usertype-render-root .redeemcodeinput-rounded,
[data-theme="dark"] #usertype-render-root .screen-body-bold-24,
[data-theme="dark"] #usertype-render-root .rt-modal-client-bold,
[data-theme="dark"] #usertype-render-root .rt-meeting-location-rounded,
[data-theme="dark"] #usertype-render-root .rt-meeting-platform-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-value-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-product-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-stage-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-notes-rounded,
[data-theme="dark"] #usertype-render-root .rt-modal-next-rounded,
[data-theme="dark"] #usertype-render-root .trip-date-rounded,
[data-theme="dark"] #usertype-render-root .trip-route-notes-rounded,
[data-theme="dark"] #usertype-render-root .stop-purpose-rounded-clickable,
[data-theme="dark"] #usertype-render-root .stop-route-notes-rounded,
[data-theme="dark"] #usertype-render-root .route-tasks-header-bold,
[data-theme="dark"] #usertype-render-root .rt-no-active-bold,
[data-theme="dark"] #usertype-render-root .rsv-salesplan-bold,
[data-theme="dark"] #usertype-render-root .rl-spc-lbl-0,
[data-theme="dark"] #usertype-render-root .spc-opp-val-0-rounded,
[data-theme="dark"] #usertype-render-root .spc-notes-rounded,
[data-theme="dark"] #usertype-render-root .sp-range-from-rounded,
[data-theme="dark"] #usertype-render-root .sp-analytics-bold,
[data-theme="dark"] #usertype-render-root .rsv-performance-bold,
[data-theme="dark"] #usertype-render-root .rsv-performance-bold-3,
[data-theme="dark"] #usertype-render-root .rsv-performance-bold-4,
[data-theme="dark"] #usertype-render-root .rsv-performance-bold-7,
[data-theme="dark"] #usertype-render-root .reasonsdailynote-rounded,
[data-theme="dark"] #usertype-render-root .sc-revenue-rounded,
[data-theme="dark"] #usertype-render-root .analysis-from-rounded,
[data-theme="dark"] #usertype-render-root .pb-rep-james-wrap,
[data-theme="dark"] #usertype-render-root .tgt-rep-select-rounded-clickable,
[data-theme="dark"] #usertype-render-root .exp-panel-budget-bold,
[data-theme="dark"] #usertype-render-root .exp-panel-autobudget-bold,
[data-theme="dark"] #usertype-render-root .ab-gross-rounded-bold,
[data-theme="dark"] #usertype-render-root .ab-results-bold,
[data-theme="dark"] #usertype-render-root .exp-panel-statement-bold,
[data-theme="dark"] #usertype-render-root .exp-panel-statement-flex-rounded-clickab,
[data-theme="dark"] #usertype-render-root .stmtfreshnesslabel,
[data-theme="dark"] #usertype-render-root .rev-team-totals-bold,
[data-theme="dark"] #usertype-render-root .rev-total-actual-text-right-bold,
[data-theme="dark"] #usertype-render-root .screen-revenue-bold-4,
[data-theme="dark"] #usertype-render-root .bep-rl-select-rounded,
[data-theme="dark"] #usertype-render-root .new-user-name-rounded,
[data-theme="dark"] #usertype-render-root .cp-current-rounded,
[data-theme="dark"] #usertype-render-root .screen-body-39,
[data-theme="dark"] #usertype-render-root .agerangeselect-rounded-clickable,
[data-theme="dark"] #usertype-render-root .rebalanceheadline-bold,
[data-theme="dark"] #usertype-render-root .app-input-rounded,
[data-theme="dark"] #usertype-render-root .app-date-rounded,
[data-theme="dark"] #usertype-render-root .app-support-rounded,
[data-theme="dark"] #usertype-render-root .result-card-10,
[data-theme="dark"] #usertype-render-root .result-card-11,
[data-theme="dark"] #usertype-render-root .screen-body-bold-38,
[data-theme="dark"] #usertype-render-root .valentrychooser-bold,
[data-theme="dark"] #usertype-render-root .importdropzone-bold,
[data-theme="dark"] #usertype-render-root .valglossarybody-bold { color:var(--tp); }[data-theme="dark"] #home-body .meeting-physical-flex-flex-column-rounde,
[data-theme="dark"] #home-body .rt-meeting-platform-rounded,
[data-theme="dark"] #home-body .outcome-won-flex-flex-column-rounded-cli,
[data-theme="dark"] #home-body .rt-modal-value-rounded,
[data-theme="dark"] #home-body .rt-modal-product-rounded,
[data-theme="dark"] #home-body .rt-modal-stage-rounded,
[data-theme="dark"] #home-body .spp-thismonth-rounded-clickable,
[data-theme="dark"] #home-body .sp-preview-modal-rounded,
[data-theme="dark"] #home-body .cpt-2500000-rounded-clickable,
[data-theme="dark"] #home-body .sc-plan-b-rounded-clickable-bold,
[data-theme="dark"] #home-body .sct-2500000-rounded-clickable,
[data-theme="dark"] #home-body .mgr-view-analysis-rounded-clickable,
[data-theme="dark"] #home-body .planb-toggle-knob-absolute-circle-w20-h2,
[data-theme="dark"] #home-body .exp-panel-statement-rounded-clickable-bo,
[data-theme="dark"] #home-body .settings-dark-thumb-block-absolute-circl,
[data-theme="dark"] #home-body .new-user-name-rounded,
[data-theme="dark"] #home-body .toastbtn-rounded-clickable-bold,
[data-theme="dark"] #home-body .qaddselect,
[data-theme="dark"] #home-body .qaddamount,
[data-theme="dark"] #home-body .resettoexistingbtn-rounded-clickable-bol,
[data-theme="dark"] #home-body .valprogressbar-rounded,
[data-theme="dark"] #home-body .role-select-modal-rounded,
[data-theme="dark"] #home-body .welcome-map-slide-flex-rounded-w68-h68,
[data-theme="dark"] #home-body .role-picker-content-rounded,
[data-theme="dark"] #home-body .role-picker-content-rounded-2,
[data-theme="dark"] #home-body .role-picker-content-rounded-3,
[data-theme="dark"] #home-body .role-picker-content-rounded-4,
[data-theme="dark"] #home-body .role-picker-content-rounded-5,
[data-theme="dark"] #home-body .role-picker-content-rounded-6 { background:var(--surface) !important; }[data-theme="dark"] #home-body .sp-archived-panel-none-rounded,
[data-theme="dark"] #home-body .rsv-commission-rounded { border-color:var(--border) !important; }

/* invToast — ensure it's readable */
[data-theme="dark"] #invToast { background:var(--surface) !important; color:var(--tp) !important; border-color:var(--border) !important; }[style*="background:var(--bg2)"] { color: var(--tp); }

/* Sprint goal card — light mode was rendering on transparent */
.sprint-goal-card { background: var(--bg2); border-radius: 12px; padding: 10px 13px; margin-bottom: 14px; }

/* Coach journey message cards */
.journey-msg-card { background: var(--surface); border: 1.5px solid var(--border); }[data-theme="light"] .headerexptracker-bold,
[data-theme="light"] .headerexptracker,
[data-theme="light"] .headerexppct-bold,
[data-theme="light"] .rl3-upgrade-teaser-rounded-clickable,
[data-theme="light"] .screen-body-5,
[data-theme="light"] .screen-body-6,
[data-theme="light"] .screen-body-9,
[data-theme="light"] .screen-body-bold-4,
[data-theme="light"] .screen-body-11,
[data-theme="light"] .screen-body-12,
[data-theme="light"] .screen-body-bold-9,
[data-theme="light"] .screen-body-13,
[data-theme="light"] .screen-body-14,
[data-theme="light"] .screen-body-bold-11,
[data-theme="light"] .screen-body-bold-16,
[data-theme="light"] .screen-body-20,
[data-theme="light"] .screen-body-21,
[data-theme="light"] .screen-body-22,
[data-theme="light"] .screen-body-relative-2,
[data-theme="light"] .screen-body-bold-20,
[data-theme="light"] .referral-stats,
[data-theme="light"] .screen-body-26,
[data-theme="light"] .screen-body-28,
[data-theme="light"] .screen-body-relative-3,
[data-theme="light"] .rt-active-date,
[data-theme="light"] .sp-preview-modal-bold,
[data-theme="light"] .rsv-performance-bold-5,
[data-theme="light"] .tva-btn-month-rounded-clickable-bold,
[data-theme="light"] .tvanarrative-rounded,
[data-theme="light"] .rsv-commission-bold-2,
[data-theme="light"] .rsv-commission,
[data-theme="light"] .comm-planb-section-bold-3,
[data-theme="light"] .comm-planb-section,
[data-theme="light"] .sc-hero-bold,
[data-theme="light"] .sc-hero,
[data-theme="light"] .expherosub,
[data-theme="light"] .exptotallbl,
[data-theme="light"] .meanssub,
[data-theme="light"] .expsurplusnudge-2,
[data-theme="light"] .screen-body-bold-26,
[data-theme="light"] .screen-body-32,
[data-theme="light"] .screen-body-rounded-8,
[data-theme="light"] .exp-panel-statement-3,
[data-theme="light"] .variancepulsesub,
[data-theme="light"] .variancepulsefocus-bold,
[data-theme="light"] .screen-revenue-bold,
[data-theme="light"] .rev-report-period,
[data-theme="light"] .fin-panel-cashflow,
[data-theme="light"] .mpesa-result,
[data-theme="light"] .acc-profile-sub,
[data-theme="light"] .addinvtogglebtn,
[data-theme="light"] .addinvformbody-bold,
[data-theme="light"] .addinvformbody,
[data-theme="light"] .qaddpreview-flex-bold-2,
[data-theme="light"] .qaddretdefault,
[data-theme="light"] .qaddpreview-absolute-2,
[data-theme="light"] .qaddpreview-3,
[data-theme="light"] .qaddpreview-rounded-clickable-bold,
[data-theme="light"] .qaddpreview-bold,
[data-theme="light"] .rebalancectabody,
[data-theme="light"] .rebalancecta-2,
[data-theme="light"] .screen-body-44,
[data-theme="light"] .screen-body-bold-32,
[data-theme="light"] .screen-body-48,
[data-theme="light"] .screen-body-49,
[data-theme="light"] .screen-body-text-center-5,
[data-theme="light"] .upgrade-sheet-2,
[data-theme="light"] .upgradebaseplancard-bold,
[data-theme="light"] .upgradebaseplancard,
[data-theme="light"] .upgradebaseplancard-2,
[data-theme="light"] .upgradebaseplancard-3,
[data-theme="light"] .upgradebaseplancard-bold-4,
[data-theme="light"] .upgradebaseplancta-text-center,
[data-theme="light"] .upgradeaddonsonlynote-none-text-center,
[data-theme="light"] .upgrade-sheet-rounded-clickable,
[data-theme="light"] .valrevealoverlay-bold,
[data-theme="light"] .valrevealoverlay,
[data-theme="light"] .valcountersub,
[data-theme="light"] .welcome-map-slide,
[data-theme="light"] .role-picker-content,
[data-theme="light"] .notif-sheet-rounded-clickable-bold,
[data-theme="light"] .kj-s5-bold,
[data-theme="light"] .kj-s5-bold-3 { color: var(--tp) !important; }

/* ── Light mode: hardcoded white text on non-dark backgrounds is invisible ── */
/* Fix: only apply white text overrides inside dark-gradient containers */
.dark-gradient-card { color: #fff; }
.dark-gradient-card * { color: inherit; }[data-theme="dark"] [style*="background:var(--bg2)"] { 
  background: #1C2128 !important;
}[data-theme="dark"] [style*="var(--bg2)"] strong { color: var(--tp) !important; }

/* ── Coach journey: "SPRINT 2" blurred text next to 🎯 ── */
/* The goal text uses color:var(--ts) which IS defined — the issue was --bg2 undefined */
/* making the card transparent and the grey text hard to see on page bg */

/* ── Rewards screen unavailable button ── */
[data-theme="dark"] button[disabled] { 
  background: #1C2128 !important; 
  color: var(--ts) !important; 
}

/* ── Light mode general: any text that should be dark but might be white ── */
[data-theme="light"] .growth-screen-body { color: var(--tp); }[data-theme="light"] .pwd-footer-bold,
[data-theme="light"] .headerexpinvestbtn-none-rounded-clickabl,
[data-theme="light"] .rl3-upgrade-teaser-rounded-clickable-bol,
[data-theme="light"] .screen-body-bold,
[data-theme="light"] .screen-body-bold-2,
[data-theme="light"] .screen-body-bold-3,
[data-theme="light"] .screen-body-bold-5,
[data-theme="light"] .screen-body-bold-6,
[data-theme="light"] .screen-body-bold-10,
[data-theme="light"] .screen-body-bold-17,
[data-theme="light"] .screen-body-rounded-clickable-bold,
[data-theme="light"] .screen-body-bold-19,
[data-theme="light"] .screen-body-25,
[data-theme="light"] .referral-code-display-bold,
[data-theme="light"] .screen-body-rounded-clickable-bold-2,
[data-theme="light"] .referral-count-bold,
[data-theme="light"] .screen-body-bold-21,
[data-theme="light"] .screen-body-bold-22,
[data-theme="light"] .screen-body-rounded-clickable-bold-3,
[data-theme="light"] .screen-body-bold-23,
[data-theme="light"] .loc-text-2,
[data-theme="light"] .subnav-routing-flex-rounded-clickable-bo,
[data-theme="light"] .trip-map-wrap-bold,
[data-theme="light"] .rt-active-content-bold,
[data-theme="light"] .rt-active-content-rounded-clickable-bold,
[data-theme="light"] .sp-preview-title-bold,
[data-theme="light"] .sp-preview-modal-flex-circle-clickable-w,
[data-theme="light"] .rsv-performance-bold-6,
[data-theme="light"] .tva-btn-week-rounded-clickable-bold,
[data-theme="light"] .comm-actual-gross-bold,
[data-theme="light"] .comm-actual-basic-bold,
[data-theme="light"] .sc-gross-bold,
[data-theme="light"] .routes-manager-flex-rounded-clickable-bo,
[data-theme="light"] .routes-manager-rounded-clickable-bold,
[data-theme="light"] .screen-finance-flex-rounded-clickable-bo,
[data-theme="light"] .expherotitle-bold,
[data-theme="light"] .expsurplusnudge-bold,
[data-theme="light"] .expsurplusnudge-rounded-clickable-bold,
[data-theme="light"] .screen-body-bold-27,
[data-theme="light"] .screen-body-bold-28,
[data-theme="light"] .exp-panel-statement-bold-2,
[data-theme="light"] .variancepulsepct-flex-absolute-bold,
[data-theme="light"] .variancepulseheadline-bold,
[data-theme="light"] .variancepulsefocustext,
[data-theme="light"] .screen-revenue-bold-2,
[data-theme="light"] .screen-revenue-flex-rounded-clickable-bo,
[data-theme="light"] .fin-panel-cashflow-rounded-clickable-bol,
[data-theme="light"] .mpesa-net-bold,
[data-theme="light"] .acc-profile-initials-flex-circle-bold-w5,
[data-theme="light"] .acc-profile-name-bold,
[data-theme="light"] .screen-body-inline-flex-rounded-bold,
[data-theme="light"] .toasttitle-bold,
[data-theme="light"] .addlabel-bold,
[data-theme="light"] .qaddselect-rounded-clickable,
[data-theme="light"] .addinvformbody-bold-2,
[data-theme="light"] .qaddliveprev-none-rounded,
[data-theme="light"] .rebalancectaheadline-bold,
[data-theme="light"] .autoplanpremiumteaser-rounded-clickable-,
[data-theme="light"] .screen-body-bold-31,
[data-theme="light"] .screen-body-bold-34,
[data-theme="light"] .screen-body-bold-35,
[data-theme="light"] .upgrade-sheet-bold,
[data-theme="light"] .valcounterdisplay-bold,
[data-theme="light"] .welcome-map-slide-bold,
[data-theme="light"] .role-modal-name-bold,
[data-theme="light"] .notif-sheet-flex-circle-clickable-w28,
[data-theme="light"] .kj-s5-bold-2,
[data-theme="light"] .kj-time-btn-rounded-clickable-bold {
  /* Don't override white text inside coloured buttons/cards */
}

/* ── Daily Check-In stamps — ensure text shows in both modes ── */
.stamp-label { color: var(--ts) !important; }
.stamp-done .stamp-label { color: var(--g700) !important; }

/* ── Leaderboard ── */
[data-theme="dark"] .leaderboard-row { color: var(--tp); }
[data-theme="light"] .leaderboard-row { color: var(--tp); }[data-theme="dark"] .rt-visit-modal-rounded-w36-h4,
[data-theme="dark"] .rsv-commission-rounded-bold,
[data-theme="dark"] .planb-master-toggle-relative-rounded-cli { background: var(--surface) !important; color: var(--tp) !important; }[data-theme="dark"] .outcome-cold-flex-rounded-w38-h38,
[data-theme="dark"] .sp-archived-panel-flex,
[data-theme="dark"] .perf-sprint-row-absolute-rounded,
[data-theme="dark"] .expcoveragetracker-rounded-h10,
[data-theme="dark"] .screen-body-flex-rounded-w32-h32-3,
[data-theme="dark"] .add-user-panel-rounded-clickable,
[data-theme="dark"] .sec-label-row-flex-rounded,
[data-theme="dark"] .nudge-sheet-flex-circle-w32-h32-2 { background: var(--surface) !important; color: var(--tp) !important; }

/* ── Form placeholders in dark mode ── */
[data-theme="dark"] ::placeholder { color: var(--ts) !important; opacity: 1; }[data-theme="dark"] .sp-archived-panel-bold,
[data-theme="dark"] .qaddpreview-rounded-3,
[data-theme="dark"] .kj-s5-2 { color: var(--ts) !important; }[data-theme="dark"] [style*="color:#4B5563"] { color: var(--ts) !important; }[data-theme="dark"] .rsv-commission-2,
[data-theme="dark"] .comm-no-planb { color: var(--ts) !important; }[data-theme="dark"] .sp-archived-panel-flex,
[data-theme="dark"] .sp-preview-summary-grid { border-bottom-color: var(--border) !important; }[data-theme="dark"] [style*="border-top:1px solid #E5E7EB"] { border-top-color: var(--border) !important; }[data-theme="dark"] [style*="border-bottom: 1px solid #E5E7EB"] { border-bottom-color: var(--border) !important; }[data-theme="dark"] [style*="background:#EBF4FF"] { background: #0F1B2D !important; }[data-theme="dark"] .welcome-map-slide-flex-rounded-5 { background: #0D2318 !important; }[data-theme="dark"] [style*="background:#FFF7ED"] { background: #2D1A08 !important; }[data-theme="dark"] [style*="background:#EDE9FE"] { background: #1E0D40 !important; }[data-theme="dark"] [style*="background:#FCE7F3"] { background: #2D0D1A !important; }

/* ── White text on light bg in coach sections ── */
[data-theme="light"] .coach-name-badge { color: var(--tp) !important; }

/* ══ PRINT / PDF — Budget vs Actual ══ */
@media print {
  /* Hide everything in the app */
  body > *:not(#bva-print-root) { display: none !important; }
  #bva-print-root { display: block !important; }

  @page {
    margin: 18mm 14mm;
    size: A4 portrait;
  }

  #bva-print-root {
    font-family: 'DM Sans', Arial, sans-serif;
    font-size: 11pt;
    color: #111;
    background: #fff;
  }

  #bva-print-root .bva-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #1A5C32;
    padding-bottom: 10px;
    margin-bottom: 18px;
  }

  #bva-print-root .bva-title {
    font-size: 18pt;
    font-weight: 800;
    color: #0F2B1A;
  }

  #bva-print-root .bva-meta {
    font-size: 8pt;
    color: #6B7280;
    text-align: right;
    line-height: 1.6;
  }

  #bva-print-root .bva-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 20px;
  }

  #bva-print-root .bva-summary-cell {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 10px 12px;
    text-align: center;
  }

  #bva-print-root .bva-summary-label {
    font-size: 7pt;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6B7280;
    margin-bottom: 4px;
  }

  #bva-print-root .bva-summary-value {
    font-size: 13pt;
    font-weight: 800;
  }

  #bva-print-root .bva-section-title {
    font-size: 11pt;
    font-weight: 800;
    color: #0F2B1A;
    background: #EDF5EF;
    padding: 7px 12px;
    border-left: 3px solid #1A5C32;
    margin: 18px 0 8px;
    page-break-after: avoid;
  }

  #bva-print-root table {
    width: 100%;
    border-collapse: collapse;
    font-size: 9.5pt;
    page-break-inside: auto;
  }

  #bva-print-root thead tr {
    background: #F9FAFB;
  }

  #bva-print-root th {
    padding: 7px 10px;
    text-align: left;
    font-size: 8pt;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #6B7280;
    border-bottom: 1.5px solid #E5E7EB;
  }

  #bva-print-root th:not(:first-child) { text-align: right; }

  #bva-print-root td {
    padding: 7px 10px;
    border-bottom: 1px solid #F3F4F6;
    color: #111;
  }

  #bva-print-root td:not(:first-child) { text-align: right; }

  #bva-print-root .bva-total-row td {
    font-weight: 800;
    background: #F9FAFB;
    border-top: 1.5px solid #E5E7EB;
    border-bottom: none;
  }

  #bva-print-root .bva-positive { color: #1A5C32; }
  #bva-print-root .bva-negative { color: #B91C1C; }
  #bva-print-root .bva-neutral  { color: #6B7280; }

  #bva-print-root .bva-footer {
    margin-top: 24px;
    font-size: 7.5pt;
    color: #9CA3AF;
    border-top: 1px solid #E5E7EB;
    padding-top: 8px;
    text-align: center;
  }
}

/* ═══════════════════════════════════════════════
   RESPONSIVE SHELL — Tablet & Desktop
   Mobile (<768px) is untouched. Tablet (768–1023px)
   widens the frame and grids. Desktop (≥1024px)
   turns the bottom nav into a persistent sidebar.
   ═══════════════════════════════════════════════ */
@media (min-width:768px){
  body{background:var(--bg2)}
  .phone{max-width:640px;box-shadow:0 0 0 1px var(--border)}
  .screen-body{padding:20px 26px 28px}
  .kpi-row,.rh-grid,.v-grid,.mini2{grid-template-columns:repeat(3,minmax(0,1fr))}
  .res-stats{grid-template-columns:repeat(4,1fr)}
  .collateral-grid{grid-template-columns:repeat(3,1fr)}
}

@media (min-width:1024px){
  body{background:var(--bg2)}
  .phone{
    max-width:1180px;
    height:calc(100vh - 48px);
    min-height:0;
    margin:24px auto;
    border-radius:20px;
    box-shadow:0 0 0 1px var(--border),0 16px 48px rgba(0,0,0,.1);
    overflow:hidden;
    display:grid;
    grid-template-columns:236px 1fr;
    grid-template-rows:auto 1fr;
  }
  .app-header{grid-column:2;grid-row:1}
  #screens-container{grid-column:2;grid-row:2}
  .home-indicator{display:none}

  /* Bottom nav → left sidebar. switchGroup()/_activateGroup() only ever
     toggle inline color/border-bottom on .grp-btn — never touched here —
     so the active-state indicator (bottom accent) keeps working unchanged,
     just repositioned by the layout rules below. */
  .tab-bar{
    grid-column:1;
    grid-row:1 / span 2;
    height:100%;
    border-top:none;
    border-right:1px solid var(--border);
    padding-bottom:0;
    box-shadow:none;
  }
  #grp-nav-row{
    flex-direction:column !important;
    border-bottom:none !important;
    align-items:stretch;
    padding:18px 10px;
    gap:3px;
    height:100%;
  }
  .grp-btn{
    flex:none !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:11px !important;
    padding:11px 12px !important;
    border-radius:10px;
    font-size:13px !important;
    text-align:left;
  }
  .grp-btn svg{width:18px;height:18px;flex-shrink:0}
  .grp-btn:hover{background:var(--g50)}
  /* Log Out: hidden on mobile/tablet (Settings > Security covers it there);
     on the desktop sidebar it's always shown, pinned to the bottom of the
     nav column below the primary items. */
  #grp-logout-btn{display:flex !important;margin-top:auto}
  #grp-logout-btn:hover{background:#FEF2F2}

  .screen-body{padding:26px 34px 34px;max-width:1040px}
  .kpi-row,.rh-grid,.v-grid,.mini2{grid-template-columns:repeat(4,minmax(0,1fr))}
  .res-stats{grid-template-columns:repeat(6,1fr)}
  .collateral-grid{grid-template-columns:repeat(4,1fr)}

  /* Bottom sheets → centered dialogs (statically-declared ones only) */
  #kj-aha-overlay,#kj-gate-sheet,.inv-modal-overlay,.nudge-overlay{
    align-items:center !important;
    padding:24px;
  }
  .kj-aha-sheet,.kj-gate-body,.inv-modal-sheet,.nudge-sheet{
    border-radius:22px !important;
    max-width:480px;
    max-height:85vh;
  }
  .inv-modal-handle,.nudge-handle{display:none}
}



@keyframes invTabScrollBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}


        @keyframes growthScrollBounce {
          0%,100%{transform:translateX(0)}
          50%{transform:translateX(4px)}
        }
      

#inv-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}


#helpVideoBtn{position:fixed;bottom:86px;right:16px;z-index:8888;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0F2B5B,#1D4ED8);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(15,43,91,.4);transition:transform .2s}
#helpVideoBtn:hover{transform:scale(1.08)}
#helpVideoModal{position:fixed;inset:0;z-index:99980;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.75);padding:16px}
#helpVideoModal.open{display:flex}
#helpVideoInner{background:#0F1824;border-radius:18px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}
#helpVideoHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0F2B5B}
#helpVideoTitle{font-size:13px;font-weight:700;color:#fff;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#helpVideoClose{background:none;border:none;color:rgba(255,255,255,.7);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}
#helpVideoPlayerWrap{position:relative;width:100%;padding-top:56.25%;background:#000}
#helpVideoIframe{position:absolute;inset:0;width:100%;height:100%;border:none}
#helpVideoTabs{display:flex;padding:10px 12px;gap:6px;background:#0F1824;overflow-x:auto;scrollbar-width:none}
#helpVideoTabs::-webkit-scrollbar{display:none}
.hvt-btn{padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.7);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:DM Sans,sans-serif}
.hvt-btn.active{background:#1D4ED8;border-color:#1D4ED8;color:#fff}
#helpVideoFooter{padding:10px 16px 14px;background:#0F1824;display:flex;align-items:center;justify-content:space-between;gap:8px}
#helpVideoVersions{display:flex;gap:5px}
.hvv-btn{padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.6);font-size:10px;font-weight:700;cursor:pointer;transition:all .15s;font-family:DM Sans,sans-serif}
.hvv-btn.active{background:rgba(29,78,216,.6);border-color:#1D4ED8;color:#fff}
#helpVideoCurrentLabel{font-size:10px;color:rgba(255,255,255,.45);text-align:right;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



/* ═══ KIBETI v97 — layered surfaces · glass dock · header · splash · tour · coach engine ═══ */
:root{
 --bg:#f3f1ec;--bg2:#e9e6df;--surface:#ffffff;--surface2:#fbfaf6;--tp:#0f1a13;--ts:#6d7872;--border:#e6e3da;
 --g900:#0f2b1a;--g800:#1a5c32;--g700:#1a5c32;--g500:#2e8b4a;--g400:#256b3a;--g200:#9cc8a9;--g50:#e6f1e9;
 --gold:#c9a84c;--goldink:#b8963f;
 --glass:rgba(255,255,255,.5);--glass-brd:rgba(255,255,255,.4);--glass-blur:26px;
 --shadow:0 1px 4px rgba(15,26,19,.05);--shadow-md:0 8px 30px rgba(15,26,19,.08)
}
[data-theme="dark"]{
 --bg:#0c130f;--bg2:#14201a;--surface:#1a2820;--surface2:#16221b;--tp:#eef2ec;--ts:#8a978f;--border:#24332a;--g50:rgba(46,139,74,.16);
 --glass:rgba(22,34,27,.5);--glass-brd:rgba(255,255,255,.06);
 --shadow:0 1px 4px rgba(0,0,0,.3);--shadow-md:0 8px 30px rgba(0,0,0,.4)
}
body,.page{background:
 radial-gradient(140% 52% at 50% -8%, rgba(46,139,74,.07), transparent 60%),
 linear-gradient(180deg,#f8f6f1 0%, #f3f1ec 300px, #efece4 100%)!important}
[data-theme="dark"] body,[data-theme="dark"] .page{background:
 radial-gradient(140% 52% at 50% -8%, rgba(46,139,74,.10), transparent 60%),
 linear-gradient(180deg,#101b14 0%, #0c130f 300px, #0a100c 100%)!important}
body{font-family:'DM Sans',system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
::selection{background:rgba(201,168,76,.35)}
.hero-title,.screen-title,.big-num,.stat-num,.balance-num,h1,h2,.card-title-lg{font-family:'DM Serif Display',Georgia,serif!important;font-weight:400!important;letter-spacing:-.02em!important}
.big-num,.stat-num,.balance-num{font-variant-numeric:tabular-nums}
.app-header,.header{
 background:
  radial-gradient(120% 90% at 18% 0%, rgba(255,255,255,.10), transparent 55%),
  linear-gradient(160deg,#1d5e36 0%,#174d2c 45%,#0f2b1a 100%)!important;
 border-bottom:1px solid rgba(201,168,76,.22)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 26px rgba(15,43,26,.22)!important;
 border-radius:0 0 24px 24px!important}
.hero-card,.summary-card,.balance-card,.today-card,.glass,.card-glass,.stat-card,.metric-card{
 background:var(--glass)!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.55);backdrop-filter:blur(var(--glass-blur)) saturate(1.55);
 border:1px solid var(--glass-brd)!important;
 box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.35)!important}
[data-theme="dark"] .hero-card,[data-theme="dark"] .summary-card,[data-theme="dark"] .balance-card,[data-theme="dark"] .today-card,[data-theme="dark"] .glass,[data-theme="dark"] .card-glass,[data-theme="dark"] .stat-card,[data-theme="dark"] .metric-card{
 box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.05)!important}
/* charts stay crisp: any card holding a canvas opts out of glass, keeps solid surface */
.hero-card:has(canvas),.summary-card:has(canvas),.balance-card:has(canvas),.today-card:has(canvas),.glass:has(canvas),.card-glass:has(canvas),.stat-card:has(canvas),.metric-card:has(canvas){
 background:var(--surface)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
canvas{max-width:100%}
.tab-bar,.bottom-nav,#grp-nav-row,.nav-bar{
 margin:0 12px calc(10px + env(safe-area-inset-bottom,0px)) 12px!important;
 width:auto!important;border-radius:28px!important;border:1px solid var(--glass-brd)!important;
 background:var(--glass)!important;
 -webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);
 box-shadow:0 12px 34px rgba(15,26,19,.16), inset 0 1px 0 rgba(255,255,255,.4)!important}
[data-theme="dark"] .tab-bar,[data-theme="dark"] .bottom-nav,[data-theme="dark"] #grp-nav-row,[data-theme="dark"] .nav-bar{
 box-shadow:0 12px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06)!important}
.tab-bar .tab,.bottom-nav .tab{border-radius:999px;transition:background .2s ease,color .2s ease}
.tab-bar .tab.active,.bottom-nav .tab.active{background:var(--g50)!important;color:var(--g800)!important}
@supports not (backdrop-filter:blur(1px)){
 .hero-card,.summary-card,.balance-card,.today-card,.glass,.card-glass,.stat-card,.metric-card,.tab-bar,.bottom-nav,#grp-nav-row,.nav-bar{background:var(--surface)!important}}
.screen.active{animation:kbIn .32s cubic-bezier(.3,.9,.3,1)}
@keyframes kbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
button,.tab,.card,.kj-option{transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,filter .15s ease}
button:active,.tab:active,.kj-option:active{transform:scale(.985)}
@media(hover:hover){button:hover{filter:brightness(1.04)}}
:focus-visible{outline:2px solid var(--g500);outline-offset:2px;border-radius:6px}
input:focus,select:focus,textarea:focus{border-color:var(--g500)!important;box-shadow:0 0 0 3px rgba(46,139,74,.14)!important;outline:none}
.screen,.screen-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain}
.screen::-webkit-scrollbar,.screen-body::-webkit-scrollbar{width:6px}
.screen::-webkit-scrollbar-thumb,.screen-body::-webkit-scrollbar-thumb{background:rgba(15,26,19,.16);border-radius:3px}
#companion-avatar{display:inline-block;animation:kbFloat 3.4s ease-in-out infinite}
@keyframes kbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:768px){
 body::before{content:'Kibeti';position:fixed;left:-1vw;bottom:-7vh;font-family:'DM Serif Display',serif;font-size:32vh;line-height:1;color:rgba(15,26,19,.05);letter-spacing:-.03em;pointer-events:none;z-index:0}
 [data-theme="dark"] body::before{color:rgba(255,255,255,.04)}}

/* ── reset relocation: hide the global peek bar; Settings row opens the same sheet ── */

/* ── injected Settings card ── */
.kbx-set-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin:14px 0}
.kbx-set-sec{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ts);margin:18px 4px 8px}
.kbx-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px;background:none;border:none;border-bottom:1px solid var(--border);font-family:'DM Sans',sans-serif;cursor:pointer;color:var(--tp)}
.kbx-row:last-child{border-bottom:none}
.kbx-row-lbl{font-size:13.5px;font-weight:600;display:block}
.kbx-row-sub{font-size:11px;color:var(--ts);margin-top:1px;display:block}
.kbx-danger .kbx-row-lbl{color:#c0392b}

/* ── coach tip bubble (the advising layer) ── */
#kbx-tip{position:fixed;right:14px;bottom:calc(158px + env(safe-area-inset-bottom,0px));max-width:238px;z-index:9990;
 background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);
 border:1px solid var(--glass-brd);border-radius:16px 16px 4px 16px;box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.35);
 padding:11px 13px;cursor:pointer;animation:kbxTipUp .4s cubic-bezier(.22,1,.36,1)}
#kbx-tip .n{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--goldink);margin-bottom:3px}
#kbx-tip .m{font-family:'DM Serif Display',serif;font-size:13.5px;line-height:1.45;color:var(--tp)}
@keyframes kbxTipUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ── guided tour: gold spotlight + floating glass bubble ── */
#kbx-tour{position:absolute;inset:0;z-index:9995;display:none}
#kbx-tour.open{display:block}
#kbx-ring{position:absolute;border-radius:18px;box-shadow:0 0 0 3px var(--gold),0 0 0 9999px rgba(10,20,14,.6);transition:all .42s cubic-bezier(.3,.9,.3,1);pointer-events:none}
#kbx-bub{position:absolute;width:252px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);
 border:1px solid var(--glass-brd);border-radius:16px;box-shadow:var(--shadow-md), inset 0 1px 0 rgba(255,255,255,.35);padding:13px 14px 11px;
 transition:top .42s cubic-bezier(.3,.9,.3,1),left .42s cubic-bezier(.3,.9,.3,1);animation:kbxBubFloat 2.6s ease-in-out infinite}
@keyframes kbxBubFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
#kbx-bub .e{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--goldink);margin-bottom:3px}
#kbx-bub .t{font-family:'DM Serif Display',serif;font-size:16px;color:var(--tp)}
#kbx-bub .b{font-size:12px;line-height:1.55;color:var(--ts);margin:5px 0 11px}
#kbx-bub .ft{display:flex;align-items:center;gap:8px}
#kbx-bub .dots{display:flex;gap:4px;flex:1}
#kbx-bub .d{width:5px;height:5px;border-radius:50%;background:rgba(15,26,19,.16)}
[data-theme="dark"] #kbx-bub .d{background:rgba(255,255,255,.2)}
#kbx-bub .d.on{background:var(--g800);width:14px;border-radius:3px}
#kbx-bub .skip{border:none;background:none;color:var(--ts);font:600 11px 'DM Sans';cursor:pointer;padding:6px 4px}
#kbx-bub .next{border:none;background:var(--g800);color:#fff;font:700 12px 'DM Sans';border-radius:10px;padding:8px 15px;cursor:pointer}

/* ── splash ── */
#kbx-splash{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;
 background:radial-gradient(120vmax 120vmax at 50% 42%,#123f26 0%,#0f2b1a 45%,#0a1710 100%);transition:opacity .45s ease,transform .45s ease}
#kbx-splash.kbx-out{opacity:0;transform:scale(1.025);pointer-events:none}
#kbx-splash .kbx-logo{width:88px;height:88px;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08);opacity:0;animation:kbxLogo .7s cubic-bezier(.22,1,.36,1) .1s forwards;position:relative}
#kbx-splash .kbx-logo img{width:100%;height:100%;object-fit:cover;display:block}
#kbx-splash .kbx-logo .kbx-mono{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#2e8b4a,#1a5c32);color:#f3f1ec;font-family:'DM Serif Display',serif;font-size:46px}
@keyframes kbxLogo{from{opacity:0;transform:scale(.82)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
#kbx-splash .kbx-ring2{position:absolute;inset:-7px;border-radius:28px;border:1.5px solid rgba(201,168,76,.85);opacity:0;animation:kbxRing 1s ease-out .28s forwards}
@keyframes kbxRing{0%{opacity:.9;transform:scale(.92)}100%{opacity:0;transform:scale(1.22)}}
#kbx-splash .kbx-word{margin-top:22px;font-family:'DM Serif Display',serif;font-size:38px;letter-spacing:-.02em;color:#f3f1ec;position:relative;overflow:hidden;opacity:0;animation:kbxUp .6s cubic-bezier(.22,1,.36,1) .55s forwards}
#kbx-splash .kbx-word::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(201,168,76,.5),transparent);animation:kbxShine 1s ease .85s forwards}
@keyframes kbxShine{to{left:130%}}
@keyframes kbxUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#kbx-splash .kbx-sub{margin-top:10px;font:500 13.5px 'DM Sans',sans-serif;color:rgba(243,241,236,.72);opacity:0;animation:kbxUp .5s ease 1.05s forwards}
#kbx-splash .kbx-streak{margin-top:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;border:1px solid rgba(201,168,76,.55);color:#e9d9a6;font:700 12px 'DM Sans',sans-serif;letter-spacing:.06em;opacity:0;animation:kbxUp .5s ease 1.2s forwards}
@media(prefers-reduced-motion:reduce){
 .screen.active{animation:none}#companion-avatar{animation:none}button:active,.tab:active,.kj-option:active{transform:none}
 #kbx-bub{animation:none}#kbx-tip{animation:none}
 #kbx-splash .kbx-logo,#kbx-splash .kbx-word,#kbx-splash .kbx-sub,#kbx-splash .kbx-streak{animation:none;opacity:1}
 #kbx-splash .kbx-ring2,#kbx-splash .kbx-word::after{animation:none;opacity:0}}


/* ---- extracted inline styles ---- */

.pwd-logo-wrap-block-w56-h56-cover {
  width: 56px;
  height: 56px;
  object-fit: cover;
  display: block;
}

.login-step1,
#login-step1.login-step1 {
  width: 100%;
}

.pwd-sub-2 {
  margin-bottom: 14px;
}

.pwd-input-wrap-2,
#productEntrySection.pwd-input-wrap-2,
#revLineSelectSection.pwd-input-wrap-2 {
  margin-bottom: 12px;
}

.pwd-footer-2,
#register-submit-btn.pwd-footer-2,
#autoPlanApplyWrap.pwd-footer-2 {
  margin-top: 12px;
}

.pwd-footer-bold {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.register-step1-none,
#register-step1.register-step1-none {
  width: 100%;
  display: none;
}

.app-header-top-flex {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  justify-content: flex-end;
  overflow: hidden;
}

.header-home-btn-flex-circle-clickable-w3,
#header-home-btn.header-home-btn-flex-circle-clickable-w3 {
  background: linear-gradient(135deg,#2E8B4A,#1A5C32);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}

.usertypeswitchheaderbtn-none-circle-clic,
#userTypeSwitchHeaderBtn.usertypeswitchheaderbtn-none-circle-clic,
#coachSwitchHeaderBtn.usertypeswitchheaderbtn-none-circle-clic {
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  cursor: pointer;
  flex-shrink: 0;
}

.headerusertypeavatar,
#headerUserTypeAvatar.headerusertypeavatar,
#headerCoachAvatar.headerusertypeavatar {
  font-size: 15px;
  line-height: 1;
}

.headercoachname-none,
#headerCoachName.headercoachname-none,
#tab-inv-rates.headercoachname-none,
#tab-biz-admin.headercoachname-none,
#clearBtn.headercoachname-none,
#stop-name.headercoachname-none,
#stop-addr.headercoachname-none,
#stop-notes.headercoachname-none,
#stop-division.headercoachname-none,
#sp-analytics.headercoachname-none,
#ab-results.headercoachname-none,
#stmtPdfInput.headercoachname-none,
#stmtMoreDetailsBody.headercoachname-none,
#screen-account.headercoachname-none,
#addInvFormBody.headercoachname-none,
#comparisonSection.headercoachname-none,
#rebalanceCTA.headercoachname-none,
#rebalanceSection.headercoachname-none,
#autoPlanSection.headercoachname-none,
#addAnotherInvBtnWrap.headercoachname-none,
#compProjSection.headercoachname-none,
#sensChartWrap.headercoachname-none,
#chartsBody.headercoachname-none,
#chartCompareSection.headercoachname-none,
#toolsBody-tax.headercoachname-none,
#toolsBody-debt.headercoachname-none,
#toolsBody-smooth.headercoachname-none,
#toolsBody-networth.headercoachname-none,
#valImportPanel.headercoachname-none,
#importFile.headercoachname-none,
#valManualPanel.headercoachname-none,
#sectorSuggestion.headercoachname-none,
#scenarioResult.headercoachname-none,
#welcome-map-slide.headercoachname-none,
#helpVideoBtn.headercoachname-none,
#kj-onboard.headercoachname-none {
  display: none;
}

.offline-dot-none-circle-w8-h8,
#offline-dot.offline-dot-none-circle-w8-h8 {
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #EF4444;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(239,68,68,.3);
}

.notif-bell-btn-flex-relative-circle-clic,
#notif-bell-btn.notif-bell-btn-flex-relative-circle-clic {
  position: relative;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.notif-badge-none-absolute-text-center-ci,
#notif-badge.notif-badge-none-absolute-text-center-ci {
  display: none;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 15px;
  height: 15px;
  background: #EF4444;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 800;
  color: #fff;
  line-height: 15px;
  text-align: center;
  border: 1.5px solid #0F2B1A;
}

.app-logo-2,
#compProjKpis.app-logo-2 {
  margin-bottom: 10px;
}

.logo-box-block-w34-h34-contain {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
}

.headerexptracker-none,
#headerExpTracker.headerexptracker-none {
  display: none;
  background: #0F2B1A;
  padding: 7px 14px;
  flex-shrink: 0;
}

.headerexptracker-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.headerexptracker-bold {
  font-size: 9px;
  font-weight: 700;
  color: rgba(255,255,255,.65);
  letter-spacing: .04em;
  text-transform: uppercase;
}

.headerexpstatus-rounded-bold,
#headerExpStatus.headerexpstatus-rounded-bold {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 12px;
  background: rgba(217,119,6,.2);
  color: #FCD34D;
}

.headerexptracker-rounded-h5 {
  background: rgba(255,255,255,.15);
  border-radius: 3px;
  height: 5px;
  overflow: hidden;
  margin-bottom: 4px;
}

.headerexpbar-rounded-gradient,
#headerExpBar.headerexpbar-rounded-gradient {
  height: 100%;
  background: linear-gradient(90deg,#D97706,#D97706);
  border-radius: 3px;
  width: 0%;
  transition: width .6s ease;
}

.headerexptracker-flex-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headerexptracker {
  font-size: 10px;
  color: rgba(255,255,255,.6);
}

.headerexptracker-flex-3 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.headerexppct-bold,
#headerExpPct.headerexppct-bold {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,.8);
}

.headerexpinvestbtn-none-rounded-clickabl,
#headerExpInvestBtn.headerexpinvestbtn-none-rounded-clickabl {
  display: none;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  background: rgba(74,222,128,.35);
  border: 1px solid rgba(74,222,128,.5);
  border-radius: 7px;
  padding: 2px 8px;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.screens-container-flex-relative-flex-col,
#screens-container.screens-container-flex-relative-flex-col {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--bg);
}

.subtabs-budget-none,
#subtabs-budget.subtabs-budget-none,
#subtabs-sales.subtabs-budget-none {
  display: none;
  padding: 3px 0 3px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
  flex-shrink: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.subtabs-investments-none-relative,
#subtabs-investments.subtabs-investments-none-relative,
#subtabs-business.subtabs-investments-none-relative {
  display: none;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  position: relative;
}

.inv-scroll-left-none-absolute-clickable-,
#inv-scroll-left.inv-scroll-left-none-absolute-clickable-,
#biz-scroll-left.inv-scroll-left-none-absolute-clickable- {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 32px;
  background: linear-gradient(to left,transparent,var(--surface) 65%);
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
  padding-left: 4px;
}

.inv-scroll-left-flex-circle-w22-h22 {
  width: 22px;
  height: 22px;
  background: var(--g700);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inv-tabs-row-flex,
#inv-tabs-row.inv-tabs-row-flex,
#biz-tabs-row.inv-tabs-row-flex {
  display: flex;
  padding: 3px 0 3px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.inv-scroll-right-flex-absolute-clickable,
#inv-scroll-right.inv-scroll-right-flex-absolute-clickable,
#biz-scroll-right.inv-scroll-right-flex-absolute-clickable {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 36px;
  background: linear-gradient(to right,transparent,var(--surface) 65%);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 4px;
}

.inv-scroll-right-flex-circle-w22-h22 {
  width: 22px;
  height: 22px;
  background: var(--g700);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: invTabScrollBounce 1.4s ease-in-out infinite;
}

.subtabs-growth-none,
#subtabs-growth.subtabs-growth-none {
  display: none;
  padding: 3px 0 3px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
  flex-shrink: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--g400) transparent;
}

.screen-body-2 {
  padding: 16px 16px 80px;
}

.fi-label-danger-text {
  color: #EF4444;
}

.fi-group-relative,
#chartBarWrap.fi-group-relative {
  position: relative;
}

.schedule-division-clickable,
#schedule-division.schedule-division-clickable {
  appearance: none;
  padding-right: 32px;
  cursor: pointer;
}

.fi-group-absolute {
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.sourcerows-flex-flex-column,
#sourceRows.sourcerows-flex-flex-column,
#tgt-team-overview.sourcerows-flex-flex-column,
#billsUpcomingList.sourcerows-flex-flex-column,
#cashflow-months.sourcerows-flex-flex-column,
#repNamesList.sourcerows-flex-flex-column,
#admin-users-list.sourcerows-flex-flex-column,
#holdingsList.sourcerows-flex-flex-column,
#perInvProjList.sourcerows-flex-flex-column,
#valMethodCards.sourcerows-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.overalert,
#overAlert.overalert,
#mixBox.overalert {
  margin-top: 8px;
}

.mixerrorbanner-flex-rounded,
#mixErrorBanner.mixerrorbanner-flex-rounded {
  display: none;
  margin-top: 8px;
  background: #FEF2F2;
  border: 1.5px solid #FECACA;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.mixerrorbanner {
  flex-shrink: 0;
  margin-top: 1px;
}

.mixerrorbanner-bold {
  font-size: 12px;
  font-weight: 700;
  color: #B91C1C;
  margin-bottom: 2px;
}

.mixerrormsg,
#mixErrorMsg.mixerrormsg {
  font-size: 11px;
  color: #B91C1C;
  line-height: 1.5;
}

.outputdisplay {
  flex: 1;
}

.tenantsautolabel,
#tenantsAutoLabel.tenantsautolabel,
#cbkInflBadgeModal.tenantsautolabel {
  color: var(--g700);
}

.tariffhint-flex-rounded,
#tariffHint.tariffhint-flex-rounded {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #FFF9F0;
  border: 1.5px solid #FCD34D;
  border-radius: 11px;
  padding: 11px 13px;
  margin-top: 8px;
}

.tariffhint {
  font-size: 12px;
  color: #92400E;
  line-height: 1.6;
}

.resultssection-none-flex-column,
#resultsSection.resultssection-none-flex-column,
#amortContent.resultssection-none-flex-column,
#planb-config-wrap.resultssection-none-flex-column,
#stmtResults.resultssection-none-flex-column {
  display: none;
  flex-direction: column;
  gap: 12px;
}

.postcalcbtns-none-flex-column,
#postCalcBtns.postcalcbtns-none-flex-column {
  display: none;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.screen-body-flex-flex-column {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.pur-nav-2 {
  flex-shrink: 0;
  margin: 12px 12px 8px;
}

.sec-label-2 {
  margin-bottom: 8px;
}

.revlineselectsection-relative {
  position: relative;
  margin-bottom: 12px;
}

.revlineselect-rounded-clickable,
#revLineSelect.revlineselect-rounded-clickable {
  width: 100%;
  padding: 11px 36px 11px 13px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: var(--surface);
  appearance: none;
  cursor: pointer;
}

.revlineselectsection-absolute {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.revlinecard-none-rounded,
#revLineCard.revlinecard-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 12px;
}

.revlinecard-flex {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.revlinedot-circle-w10-h10,
#revLineDot.revlinedot-circle-w10-h10,
#qaddPrevDot.revlinedot-circle-w10-h10 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.revlinetitle-bold,
#revLineTitle.revlinetitle-bold {
  font-size: 15px;
  font-weight: 800;
  color: var(--tp);
}

.productrows-flex-flex-column,
#productRows.productrows-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}

.revlinecard {
  font-size: 10px;
  color: var(--ts);
  margin-bottom: 6px;
}

.revlinesuggestions-flex,
#revLineSuggestions.revlinesuggestions-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.revlinecard-flex-rounded-clickable-bold {
  width: 100%;
  padding: 10px;
  background: var(--g50);
  border: 1.5px dashed var(--g400);
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  color: var(--g700);
  font-family: \'DM Sans\',sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.rl3-upgrade-teaser-none-text-center-roun,
#rl3-upgrade-teaser.rl3-upgrade-teaser-none-text-center-roun {
  display: none;
  background: linear-gradient(135deg,#7C3AED,#7C3AED);
  border-radius: 14px;
  padding: 18px 16px;
  text-align: center;
  color: #fff;
  margin-bottom: 12px;
}

.rl3-upgrade-teaser {
  font-size: 24px;
  margin-bottom: 8px;
}

.rl3-upgrade-teaser-bold {
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 6px;
}

.rl3-upgrade-teaser-2 {
  font-size: 11px;
  opacity: .85;
  line-height: 1.7;
  margin-bottom: 14px;
}

.rl3-upgrade-teaser-rounded-clickable-bol {
  width: 100%;
  padding: 12px;
  background: rgba(255,255,255,.2);
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.4);
  border-radius: 11px;
  font-size: 13px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  margin-bottom: 8px;
}

.rl3-upgrade-teaser-rounded-clickable {
  width: 100%;
  padding: 9px;
  background: transparent;
  color: rgba(255,255,255,.65);
  border: none;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 600;
  font-family: \'DM Sans\',sans-serif;
  cursor: pointer;
}

.revlineprompt-none-text-center-rounded,
#revLinePrompt.revlineprompt-none-text-center-rounded {
  display: none;
  padding: 14px;
  background: var(--g50);
  border: 1.5px dashed var(--border);
  border-radius: 12px;
  text-align: center;
  color: var(--ts);
  font-size: 12px;
}

.sla-outright-section-flex-flex-column,
#sla-outright-section.sla-outright-section-flex-flex-column,
#sla-wmaas-section.sla-outright-section-flex-flex-column {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sla-outright-section-bold {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 2px;
}

.losswarningbanner-none-rounded,
#lossWarningBanner.losswarningbanner-none-rounded {
  display: none;
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 11px;
  padding: 10px 13px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #92400E;
  font-weight: 600;
  line-height: 1.5;
}

.sla-btn-outright-flex-rounded-clickable-,
#sla-btn-outright.sla-btn-outright-flex-rounded-clickable-,
#sla-btn-wmaas.sla-btn-outright-flex-rounded-clickable- {
  width: 100%;
  padding: 11px 13px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.sla-outright-section-flex-rounded-clicka {
  width: 100%;
  padding: 11px 13px;
  background: #1D4ED8;
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.psec-amort-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 13px;
  padding: 13px;
  margin-bottom: 10px;
}

.psec-amort-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 10px;
}

.psec-amort-grid,
#sp-opp-donuts.psec-amort-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.psec-amort {
  font-size: 10px;
  font-weight: 600;
  color: var(--ts);
  margin-bottom: 5px;
}

.amortdepositpct-rounded-bold,
#amortDepositPct.amortdepositpct-rounded-bold,
#amortInterestRate.amortdepositpct-rounded-bold {
  width: 100%;
  padding: 9px 28px 9px 10px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.psec-amort-absolute-bold {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
}

.empty-icon-2 {
  background: var(--bl);
}

.screen-body-3 {
  padding: 16px 16px 80px;
  gap: 0;
}

.screen-body-4 {
  padding: 14px 16px 80px;
  gap: 10px;
}

.screen-body-flex-relative-rounded-gradie {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  background: linear-gradient(160deg,#0a2016,#1A5C32);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.screen-body-flex-rounded-w40-h40 {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.screen-body-bold {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.3px;
}

.screen-body-5 {
  font-size: 10.5px;
  color: rgba(255,255,255,.65);
  margin-top: 2px;
  font-weight: 500;
}

.screen-body-flex,
#growth-tiles-row.screen-body-flex {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.screen-body-flex-flex-column-rounded-cli,
#inv-rates-tile.screen-body-flex-flex-column-rounded-cli,
#home-coach-tile.screen-body-flex-flex-column-rounded-cli {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 2px 7px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  cursor: pointer;
  transition: all .18s cubic-bezier(.4,0,.2,1);
}

.screen-body-flex-rounded-w34-h34 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--g50);
  border: 1px solid var(--g200,#bbf7d0);
  display: flex;
  align-items: center;
  justify-content: center;
}

.screen-body-text-center-bold,
#home-coach-label.screen-body-text-center-bold {
  font-size: 9.5px;
  font-weight: 700;
  color: var(--tp);
  text-align: center;
  line-height: 1.2;
  letter-spacing: .01em;
}

.screen-body-text-center {
  text-align: center;
  font-size: 10px;
  color: var(--ts);
  padding: 4px 0;
  opacity: .65;
  font-weight: 600;
  letter-spacing: .02em;
}

.screen-body-flex-relative-rounded-gradie-2 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  background: linear-gradient(160deg,#071730,#1D4ED8);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.screen-body-flex-rounded-w34-h34-2 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  display: flex;
  align-items: center;
  justify-content: center;
}

.screen-body-flex-relative-rounded-gradie-3 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  background: linear-gradient(160deg,#084740,#0D9488);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.screen-body-6 {
  font-size: 10px;
  color: rgba(255,255,255,.85);
  margin-top: 1px;
}

.biz-tiles-row-grid,
#biz-tiles-row.biz-tiles-row-grid {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 5px;
}

.home-coach-icon-flex-circle-w30-h30,
#home-coach-icon.home-coach-icon-flex-circle-w30-h30 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #CCFBF1;
  border: 1px solid #99F6E4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.biz-tiles-row-flex-circle-w30-h30 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #CCFBF1;
  border: 1px solid #99F6E4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.screen-body-flex-relative-rounded-gradie-4 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 16px;
  background: linear-gradient(160deg,#071530,#1A5C32);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

.screen-body-flex-rounded-w34-h34-3 {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.screen-body-7 {
  font-size: 17px;
}

.screen-body-bold-2 {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.2px;
}

.growth-tiles-left-none-absolute-clickabl,
#growth-tiles-left.growth-tiles-left-none-absolute-clickabl {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 2px;
  width: 48px;
  background: linear-gradient(to left,transparent,var(--surface) 70%);
  align-items: center;
  justify-content: flex-start;
  pointer-events: auto;
  cursor: pointer;
  z-index: 1;
  transition: opacity .3s ease;
}

.growth-tiles-left-flex-circle-w26-h26 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: var(--g700);
  border-radius: 50%;
  margin-left: 2px;
  animation: growthScrollBounce 1.4s ease-in-out infinite;
}

.growth-tiles-row-flex-flex-column-rounde {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 11px 14px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  cursor: pointer;
  min-width: 72px;
}

.growth-tiles-row {
  font-size: 15px;
}

.growth-tiles-row-flex-flex-column-rounde-2 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 11px 14px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  cursor: pointer;
  min-width: 80px;
}

.growth-tiles-row-flex-rounded-w34-h34 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  display: flex;
  align-items: center;
  justify-content: center;
}

.growth-scroll-hint-flex-absolute-clickab,
#growth-scroll-hint.growth-scroll-hint-flex-absolute-clickab {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 2px;
  width: 52px;
  background: linear-gradient(to right,transparent,var(--color-background-primary,#fff) 70%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: auto;
  cursor: pointer;
  transition: opacity .3s ease;
}

.growth-scroll-hint-flex-circle-w26-h26 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: var(--g700);
  border-radius: 50%;
  margin-right: 2px;
  animation: growthScrollBounce 1.4s ease-in-out infinite;
}

.screen-body-flex-rounded-clickable-gradi {
  cursor: pointer;
  background: linear-gradient(160deg,#0d111a,#1a2030);
  border-radius: 18px;
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 2px 12px rgba(0,0,0,.25);
  display: flex;
  align-items: center;
  gap: 12px;
}

.screen-body-flex-circle-w38-h38 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
}

.screen-body-8 {
  flex: 1;
  min-width: 0;
}

.screen-body-bold-3 {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
}

.screen-body-9 {
  font-size: 10px;
  color: rgba(255,255,255,.65);
  margin-top: 1px;
}

.screen-body-10 {
  flex-shrink: 0;
}

.screen-body-flex-flex-column-2 {
  padding: 14px 16px 80px;
  gap: 14px;
  display: flex;
  flex-direction: column;
}

.screen-body-relative-rounded-gradient {
  background: linear-gradient(135deg,#0F2B1A 0%,#1A5C32 100%);
  border-radius: 20px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.screen-body-absolute-circle-w120-h120 {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  background: rgba(255,255,255,.05);
  border-radius: 50%;
}

.screen-body-relative {
  position: relative;
  z-index: 1;
}

.screen-body-bold-4 {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 8px;
}

.screen-body-bold-5 {
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -.4px;
  margin-bottom: 6px;
  line-height: 1.2;
}

.screen-body-11 {
  font-size: 12px;
  color: rgba(255,255,255,.8);
  line-height: 1.65;
  margin-bottom: 16px;
}

.screen-body-flex-2 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.screen-body-text-center-rounded {
  background: rgba(255,255,255,.12);
  border-radius: 10px;
  padding: 9px 12px;
  text-align: center;
  flex: 1;
}

.screen-body-bold-6 {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}

.screen-body-12 {
  font-size: 9px;
  color: rgba(255,255,255,.6);
  margin-top: 1px;
}

.screen-body-bold-7 {
  font-size: 18px;
  font-weight: 900;
  color: #2E8B4A;
}

.screen-body-bold-8 {
  font-size: 18px;
  font-weight: 900;
  color: #FCD34D;
}

.screen-body-rounded {
  background: rgba(0,0,0,.3);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 14px;
}

.screen-body-bold-9 {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-bottom: 8px;
}

.screen-body-flex-3 {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin-bottom: 4px;
}

.screen-body-bold-10 {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}

.screen-body-13 {
  font-size: 12px;
  color: rgba(255,255,255,.7);
  padding-bottom: 3px;
}

.screen-body-14 {
  font-size: 11px;
  color: rgba(255,255,255,.65);
  line-height: 1.6;
  margin-bottom: 10px;
}

.screen-body-15 {
  color: #2E8B4A;
}

.screen-body-flex-4 {
  display: flex;
  gap: 6px;
}

.screen-body-text-center-rounded-2 {
  flex: 1;
  background: rgba(255,255,255,.1);
  border-radius: 9px;
  padding: 9px 10px;
  text-align: center;
}

.screen-body-bold-11 {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: rgba(255,255,255,.55);
  margin-bottom: 3px;
}

.screen-body-bold-12 {
  font-size: 11px;
  color: #2E8B4A;
  font-weight: 700;
}

.screen-body-flex-rounded-clickable-bold {
  width: 100%;
  padding: 14px;
  background: #25D366;
  color: #fff;
  border: none;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.screen-body-rounded-2 {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 16px;
}

.screen-body-bold-13 {
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 12px;
}

.screen-body-flex-flex-column-3,
#reasonsLibrary.screen-body-flex-flex-column-3,
#expCategoryList.screen-body-flex-flex-column-3,
#incCategoryList.screen-body-flex-flex-column-3,
#fin-panel-cashflow.screen-body-flex-flex-column-3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.screen-body-flex-5 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.screen-body-flex-circle-w32-h32 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--g50);
  border: 1.5px solid var(--g200);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

.screen-body-bold-14 {
  font-size: 12px;
  font-weight: 700;
  color: var(--tp);
}

.screen-body-16 {
  font-size: 11px;
  color: var(--ts);
  margin-top: 2px;
  line-height: 1.5;
}

.screen-body-rounded-3 {
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 16px;
  padding: 16px;
}

.screen-body-flex-6 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.screen-body-17 {
  font-size: 16px;
}

.screen-body-bold-15,
#hhSpend.screen-body-bold-15,
#expZbUnallocated.screen-body-bold-15 {
  font-size: 12px;
  font-weight: 800;
  color: #92400E;
}

.screen-body-18 {
  font-size: 11.5px;
  color: #78350F;
  line-height: 1.7;
}

.screen-body-flex-rounded {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px;
  background: var(--bg);
  border-radius: 12px;
  margin-bottom: 8px;
}

.screen-body-flex-circle-w40-h40 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.screen-body-19 {
  font-size: 11px;
  color: var(--ts);
  margin-top: 1px;
  line-height: 1.5;
}

.screen-body-text-center-2 {
  font-size: 10px;
  color: var(--ts);
  line-height: 1.6;
  text-align: center;
}

.screen-body-rounded-gradient {
  background: linear-gradient(135deg,#1E1B4B,#4338CA);
  border-radius: 16px;
  padding: 16px;
}

.screen-body-bold-16 {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 10px;
}

.screen-body-flex-flex-column-4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}

.screen-body-flex-rounded-2 {
  background: rgba(255,255,255,.12);
  border-radius: 11px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.screen-body-bold-17 {
  font-size: 12.5px;
  font-weight: 800;
  color: #fff;
}

.screen-body-20 {
  font-size: 11px;
  color: rgba(255,255,255,.75);
  margin-top: 2px;
}

.screen-body-21 {
  font-size: 10px;
  color: rgba(255,255,255,.55);
  margin-top: 1px;
}

.screen-body-22 {
  font-size: 11px;
  color: rgba(255,255,255,.7);
  line-height: 1.55;
  margin-bottom: 12px;
}

.screen-body-rounded-clickable-bold {
  width: 100%;
  padding: 12px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.screen-body-rounded-4 {
  background: var(--bg);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 8px;
}

.screen-body-23 {
  font-size: 11.5px;
  color: var(--tp);
  line-height: 1.65;
  font-style: italic;
}

.screen-body-bold-18 {
  font-size: 10px;
  color: var(--ts);
  margin-top: 6px;
  font-weight: 700;
}

.screen-body-rounded-5 {
  background: var(--bg);
  border-radius: 12px;
  padding: 12px;
}

.screen-body-flex-rounded-clickable-bold-2 {
  width: 100%;
  padding: 15px;
  background: #25D366;
  color: #fff;
  border: none;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.screen-body-text-center-3 {
  text-align: center;
  font-size: 10px;
  color: var(--ts);
  margin-top: -4px;
}

.screen-body-relative-rounded-gradient-2 {
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  border-radius: 18px;
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.screen-body-absolute-circle-w100-h100 {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,.06);
  border-radius: 50%;
}

.screen-body-flex-relative {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  margin-top: -4px;
  position: relative;
  z-index: 1;
}

.screen-body-24 {
  font-size: 18px;
  flex-shrink: 0;
  line-height: 1;
}

.screen-body-bold-19 {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  line-height: 1.3;
  min-width: 0;
}

.screen-body-relative-2 {
  font-size: 11px;
  color: rgba(255,255,255,.8);
  line-height: 1.6;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

.screen-body-25 {
  color: #fff;
}

.screen-body-flex-relative-rounded {
  background: rgba(255,255,255,.12);
  border: 1.5px dashed rgba(255,255,255,.4);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}

.screen-body-bold-20 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.6);
  margin-bottom: 3px;
}

.referral-code-display-bold,
#referral-code-display.referral-code-display-bold {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  letter-spacing: .5px;
  font-family: monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.screen-body-rounded-clickable-bold-2 {
  flex-shrink: 0;
  padding: 8px 12px;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.screen-body-flex-relative-rounded-clicka {
  width: 100%;
  padding: 13px;
  background: #25D366;
  color: #fff;
  border: none;
  border-radius: 13px;
  box-shadow: 0 3px 12px rgba(37,211,102,.3);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  z-index: 1;
}

.referral-stats-flex-relative,
#referral-stats.referral-stats-flex-relative {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  position: relative;
  z-index: 1;
}

.referral-stats-text-center-rounded {
  flex: 1;
  background: rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 9px;
  text-align: center;
}

.referral-count-bold,
#referral-count.referral-count-bold,
#expTotalAmt.referral-count-bold {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}

.referral-stats {
  font-size: 9px;
  color: rgba(255,255,255,.65);
  margin-top: 1px;
}

.referral-months-earned-bold,
#referral-months-earned.referral-months-earned-bold {
  font-size: 16px;
  font-weight: 800;
  color: #A7F3D0;
}

.redeemcodecard-rounded,
#redeemCodeCard.redeemcodecard-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 15px;
  margin-top: 12px;
}

.redeemcodecard-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}

.redeemcodecard-bold,
#stmtSummaryActual.redeemcodecard-bold,
#stmtIncomeTitle.redeemcodecard-bold,
#stmtBudgetTitle.redeemcodecard-bold {
  font-size: 13px;
  font-weight: 800;
  color: var(--tp);
}

.redeemcodecard {
  font-size: 11px;
  color: var(--ts);
  line-height: 1.55;
  margin-bottom: 11px;
}

.redeemcodecard-flex-2 {
  display: flex;
  gap: 8px;
}

.redeemcodeinput-rounded,
#redeemCodeInput.redeemcodeinput-rounded {
  flex: 1;
  padding: 11px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: monospace;
  text-transform: uppercase;
  color: var(--tp);
}

.redeemcodecard-rounded-clickable-bold {
  flex-shrink: 0;
  padding: 11px 16px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  font-family: 'DM Sans',sans-serif;
}

.screen-body-rounded-gradient-2 {
  background: linear-gradient(135deg,#1A5C32,#0F2B1A);
  border-radius: 14px;
  padding: 15px;
  margin-top: 12px;
}

.screen-body-bold-21,
#addInvToggleLabel.screen-body-bold-21 {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
}

.screen-body-26 {
  font-size: 10.5px;
  color: rgba(255,255,255,.7);
  line-height: 1.5;
  margin-bottom: 11px;
}

.screen-body-flex-rounded-gradient {
  background: linear-gradient(135deg,#1E1B4B,#4338CA);
  border-radius: 14px;
  padding: 14px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.screen-body-27,
#meansIcon.screen-body-27 {
  font-size: 24px;
  flex-shrink: 0;
}

.screen-body-bold-22 {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 3px;
}

.screen-body-28 {
  font-size: 10.5px;
  color: rgba(255,255,255,.75);
  line-height: 1.5;
}

.screen-body-rounded-clickable-bold-3 {
  flex-shrink: 0;
  padding: 7px 12px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.screen-body-relative-rounded-gradient-3 {
  background: linear-gradient(135deg,#D97706,#D4A017);
  border-radius: 18px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}

.screen-body-absolute-circle-w100-h100-2 {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
}

.screen-body-flex-relative-2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}

.screen-body-bold-23,
#meansTitle.screen-body-bold-23 {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  line-height: 1.3;
}

.screen-body-relative-3 {
  font-size: 11px;
  color: rgba(255,255,255,.9);
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

.screen-body-rounded-6 {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 12px;
}

.screen-body-bold-24 {
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 10px;
}

.screen-body-flex-7 {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

.screen-body-flex-circle-bold-w24 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--g700);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.screen-body-29 {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.5;
}

.screen-body-flex-8 {
  display: flex;
  gap: 10px;
}

.screen-body-flex-rounded-clickable-bold-3 {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg,#D97706,#D4A017);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
}

.screen-body-text-center-4 {
  text-align: center;
  font-size: 10px;
  color: var(--ts);
}

.community-render-root-text-center {
  text-align: center;
  padding: 30px;
  color: var(--ts);
  font-size: 12px;
}

.screen-body-flex-rounded-3 {
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 12px;
  padding: 11px 14px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.screen-body-bold-25 {
  font-size: 12px;
  font-weight: 700;
  color: #78350F;
  margin-bottom: 2px;
}

.screen-body-30 {
  font-size: 11px;
  color: #92400E;
  line-height: 1.55;
}

.screen-body-rounded-7 {
  background: rgba(0,0,0,.06);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 10px;
}

.routes-sales-none-relative-flex-column,
#routes-sales.routes-sales-none-relative-flex-column {
  display: none;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  min-height: 0;
  position: relative;
}

.rt-visit-modal-none-absolute,
#rt-visit-modal.rt-visit-modal-none-absolute {
  display: none;
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 800;
  align-items: flex-end;
  justify-content: center;
}

.rt-visit-modal-rounded {
  background: var(--surface);
  border-radius: 22px 22px 0 0;
  width: 100%;
  max-height: 92vh;
  overflow-y: auto;
  padding: 0 16px 36px;
  animation: slideUp .25s ease;
}

.rt-visit-modal-rounded-w36-h4 {
  width: 36px;
  height: 4px;
  background: #E5E7EB;
  border-radius: 2px;
  margin: 12px auto 16px;
}

.rt-visit-modal-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ts);
  margin-bottom: 3px;
}

.rt-modal-client-bold,
#rt-modal-client.rt-modal-client-bold {
  font-size: 17px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 16px;
}

.rt-visit-modal-bold-2 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 9px;
}

.rt-meeting-grid-grid,
#rt-meeting-grid.rt-meeting-grid-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px;
}

.meeting-physical-flex-flex-column-rounde,
#meeting-physical.meeting-physical-flex-flex-column-rounde,
#meeting-virtual.meeting-physical-flex-flex-column-rounde,
#meeting-telephone.meeting-physical-flex-flex-column-rounde {
  padding: 11px 8px;
  border: 2px solid #E5E7EB;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  transition: all .15s;
}

.meeting-physical-flex-rounded-w36-h36 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #EFF6FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.meeting-physical-bold,
#expZbAllocated.meeting-physical-bold,
#expCoverageRemaining.meeting-physical-bold {
  font-size: 12px;
  font-weight: 800;
  color: #1D4ED8;
}

.meeting-physical-text-center {
  font-size: 9px;
  color: #6B7280;
  text-align: center;
  line-height: 1.4;
}

.meeting-virtual-flex-rounded-w36-h36 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #F5F3FF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.meeting-virtual-bold,
#hhDraw.meeting-virtual-bold {
  font-size: 12px;
  font-weight: 800;
  color: #7C3AED;
}

.meeting-telephone-flex-rounded-w36-h36 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #EDF5EF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.meeting-telephone-bold,
#expZbRevenue.meeting-telephone-bold,
#expCoverageDone.meeting-telephone-bold {
  font-size: 12px;
  font-weight: 800;
  color: #1A5C32;
}

.rt-meeting-location-wrap-none,
#rt-meeting-location-wrap.rt-meeting-location-wrap-none,
#rt-meeting-platform-wrap.rt-meeting-location-wrap-none {
  display: none;
  margin-bottom: 14px;
}

.rt-meeting-location-wrap-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 6px;
}

.rt-meeting-location-rounded,
#rt-meeting-location.rt-meeting-location-rounded {
  width: 100%;
  padding: 10px 36px 10px 12px;
  border: 1.5px solid #BFDBFE;
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.rt-meeting-platform-rounded,
#rt-meeting-platform.rt-meeting-platform-rounded {
  width: 100%;
  padding: 10px 30px 10px 12px;
  border: 1.5px solid #DDD6FE;
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: #fff;
  appearance: none;
}

.rt-meeting-platform-wrap-absolute {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.rt-outcome-grid-grid,
#rt-outcome-grid.rt-outcome-grid-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px;
}

.outcome-won-flex-flex-column-rounded-cli,
#outcome-won.outcome-won-flex-flex-column-rounded-cli,
#outcome-hot.outcome-won-flex-flex-column-rounded-cli,
#outcome-warm.outcome-won-flex-flex-column-rounded-cli,
#outcome-cold.outcome-won-flex-flex-column-rounded-cli {
  padding: 13px 10px;
  border: 2px solid #E5E7EB;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: all .15s;
}

.outcome-won-flex-rounded-w38-h38 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #EDF5EF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.outcome-won-bold {
  font-size: 13px;
  font-weight: 800;
  color: #1A5C32;
}

.outcome-hot-flex-rounded-w38-h38 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #FEF2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.outcome-hot-bold,
#ab-t-total-deduct.outcome-hot-bold {
  font-size: 13px;
  font-weight: 800;
  color: #B91C1C;
}

.outcome-warm-flex-rounded-w38-h38 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #FEF3C7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.outcome-warm-bold {
  font-size: 13px;
  font-weight: 800;
  color: #D97706;
}

.outcome-cold-flex-rounded-w38-h38 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #F3F4F6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.outcome-cold-bold {
  font-size: 13px;
  font-weight: 800;
  color: #6B7280;
}

.rt-modal-won-details-none-rounded,
#rt-modal-won-details.rt-modal-won-details-none-rounded {
  display: none;
  margin-bottom: 14px;
  background: #EDF5EF;
  border: 1.5px solid #9CC8A9;
  border-radius: 12px;
  padding: 13px 14px;
}

.rt-modal-won-details-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1A5C32;
  margin-bottom: 10px;
}

.rt-modal-won-details {
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
  margin-bottom: 5px;
}

.rt-modal-value-rounded,
#rt-modal-value.rt-modal-value-rounded {
  width: 100%;
  padding: 10px 40px 10px 12px;
  border: 1.5px solid #9CC8A9;
  border-radius: 10px;
  font-size: 14px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: #fff;
}

.rt-modal-won-details-absolute {
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
}

.rt-modal-product-rounded,
#rt-modal-product.rt-modal-product-rounded {
  width: 100%;
  padding: 10px 30px 10px 12px;
  border: 1.5px solid #9CC8A9;
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: #fff;
  appearance: none;
}

.rt-modal-won-details-flex-rounded {
  margin-top: 10px;
  background: #EDF5EF;
  border-radius: 9px;
  padding: 8px 11px;
  font-size: 11px;
  color: #1A5C32;
  line-height: 1.55;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.rt-visit-modal {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
}

.rt-modal-stage-rounded,
#rt-modal-stage.rt-modal-stage-rounded {
  width: 100%;
  padding: 10px 30px 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: #fff;
  appearance: none;
}

.rt-modal-notes-rounded,
#rt-modal-notes.rt-modal-notes-rounded {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  resize: none;
  line-height: 1.5;
}

.rt-modal-next-rounded,
#rt-modal-next.rt-modal-next-rounded,
#rt-modal-action-date.rt-modal-next-rounded,
#spc-name.rt-modal-next-rounded,
#spc-date.rt-modal-next-rounded {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.rt-visit-modal-2 {
  margin-bottom: 20px;
}

.rt-visit-modal-rounded-clickable-bold {
  flex: 1;
  padding: 14px;
  background: transparent;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  color: var(--ts);
  cursor: pointer;
}

.rt-modal-confirm-btn-rounded-clickable-b,
#rt-modal-confirm-btn.rt-modal-confirm-btn-rounded-clickable-b {
  flex: 2;
  padding: 14px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.subnav-routing,
#subnav-routing.subnav-routing {
  background: var(--g900);
  padding: 10px 16px 12px;
  flex-shrink: 0;
}

.loc-share-indicator-flex-rounded,
#loc-share-indicator.loc-share-indicator-flex-rounded {
  display: flex;
  align-items: center;
  gap: 7px;
  background: rgba(74,222,128,.15);
  border: 1px solid rgba(74,222,128,.3);
  border-radius: 9px;
  padding: 7px 11px;
  margin-bottom: 10px;
}

.loc-dot-circle-w8-h8 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2E8B4A;
  flex-shrink: 0;
  animation: pulse 2s infinite;
}

.loc-text-2 {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  flex: 1;
}

.subnav-routing-flex-rounded {
  display: flex;
  gap: 4px;
  background: rgba(0,0,0,.2);
  padding: 4px;
  border-radius: 12px;
  overflow-x: auto;
  scrollbar-width: none;
}

.rsnav-plan,
#rsnav-plan.rsnav-plan,
#rsnav-track.rsnav-plan,
#rsnav-history.rsnav-plan,
#rsnav-salesplan.rsnav-plan,
#rsnav-performance.rsnav-plan,
#rsnav-commission.rsnav-plan,
#fin-nav-approvals.rsnav-plan,
#fin-nav-commconfig.rsnav-plan {
  white-space: nowrap;
}

.subnav-routing-flex-rounded-clickable-bo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  backdrop-filter: blur(4px);
}

.subnav-sales-none,
#subnav-sales.subnav-sales-none {
  display: none;
  background: var(--g900);
  padding: 10px 16px 12px;
  flex-shrink: 0;
}

.rsv-plan-flex-flex-column,
#rsv-plan.rsv-plan-flex-flex-column {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.rsv-plan-rounded {
  background: var(--surface);
  border-radius: 14px;
  padding: 13px;
  border: 1px solid var(--border);
}

.rsv-plan-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ts);
  margin-bottom: 10px;
}

.rsv-plan-bold-2 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 4px;
}

.trip-date-rounded,
#trip-date.trip-date-rounded,
#stop-start-time.trip-date-rounded,
#stop-end-time.trip-date-rounded {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.trip-date-display-none,
#trip-date-display.trip-date-display-none {
  font-size: 11px;
  color: var(--g700);
  font-weight: 600;
  margin-top: 4px;
  display: none;
}

.trip-date-warn-none,
#trip-date-warn.trip-date-warn-none {
  font-size: 11px;
  color: #B91C1C;
  margin-top: 4px;
  display: none;
}

.trip-route-notes-rounded,
#trip-route-notes.trip-route-notes-rounded {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  resize: none;
  line-height: 1.5;
}

.rsv-plan-rounded-2 {
  background: var(--surface);
  border-radius: 14px;
  padding: 13px;
  border: 1.5px solid var(--g200);
  box-shadow: var(--shadow);
}

.rsv-plan-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.rsv-plan-bold-3 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--g700);
}

.pipeline-count-badge-rounded-bold,
#pipeline-count-badge.pipeline-count-badge-rounded-bold,
#perf-approved-badge.pipeline-count-badge-rounded-bold {
  font-size: 10px;
  font-weight: 700;
  background: var(--g700);
  color: #fff;
  padding: 2px 8px;
  border-radius: 20px;
}

.pipeline-client-list-flex-flex-column,
#pipeline-client-list.pipeline-client-list-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 260px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.pipeline-client-list-text-center {
  font-size: 11px;
  color: var(--ts);
  font-style: italic;
  text-align: center;
  padding: 10px 0;
}

.route-client-form-none-flex-column,
#route-client-form.route-client-form-none-flex-column {
  display: none;
  border-top: 1px solid var(--border);
  padding-top: 10px;
  display: none;
  flex-direction: column;
  gap: 8px;
}

.route-client-form-flex-rounded {
  background: var(--g50);
  border: 1.5px solid var(--g400);
  border-radius: 10px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.rc-client-name-bold,
#rc-client-name.rc-client-name-bold,
#sensAssetName.rc-client-name-bold {
  font-size: 12px;
  font-weight: 700;
  color: var(--g800);
}

.rc-client-loc,
#rc-client-loc.rc-client-loc {
  font-size: 10px;
  color: var(--ts);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.route-client-form-clickable {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--ts);
  font-size: 16px;
  padding: 0;
}

.stop-purpose-rounded-clickable,
#stop-purpose.stop-purpose-rounded-clickable {
  width: 100%;
  padding: 9px 36px 9px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  appearance: none;
  background: var(--surface);
  cursor: pointer;
  outline: none;
}

.route-client-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.stop-end-error-none-rounded,
#stop-end-error.stop-end-error-none-rounded {
  display: none;
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #B91C1C;
}

.stop-route-notes-rounded,
#stop-route-notes.stop-route-notes-rounded {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 12px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  resize: none;
  line-height: 1.6;
}

.route-client-form {
  font-size: 10px;
  color: var(--ts);
  margin-top: 2px;
}

.route-client-form-rounded-clickable-bold {
  width: 100%;
  padding: 11px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  touch-action: manipulation;
  transition: opacity .1s;
}

.route-tasks-header-none-rounded,
#route-tasks-header.route-tasks-header-none-rounded {
  display: none;
  background: var(--surface);
  border-radius: 14px;
  padding: 13px 14px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.route-tasks-header-bold {
  font-size: 14px;
  font-weight: 700;
  color: var(--tp);
}

.route-tasks-sub,
#route-tasks-sub.route-tasks-sub,
#settings-gm-status.route-tasks-sub,
#rep-names-summary.route-tasks-sub,
#ageBucketSub.route-tasks-sub {
  font-size: 11px;
  color: var(--ts);
  margin-top: 1px;
}

.route-tasks-header-flex-circle-w32-h32 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--g50);
  border: 1.5px solid var(--g200);
  display: flex;
  align-items: center;
  justify-content: center;
}

.route-tasks-header-flex {
  display: flex;
  gap: 7px;
}

.sf-all-rounded-clickable-bold,
#sf-all.sf-all-rounded-clickable-bold {
  padding: 4px 11px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  background: var(--g700);
  color: #fff;
  border: none;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.sf-pending-rounded-clickable-bold,
#sf-pending.sf-pending-rounded-clickable-bold {
  padding: 4px 11px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  background: #FEF2F2;
  color: #B91C1C;
  border: 1.5px solid #FECACA;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.sf-done-rounded-clickable-bold,
#sf-done.sf-done-rounded-clickable-bold {
  padding: 4px 11px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  background: #EDF5EF;
  color: #1A5C32;
  border: 1.5px solid #9CC8A9;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.stops-list-none-flex-column-rounded,
#stops-list.stops-list-none-flex-column-rounded {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--border);
  display: none;
}

.trip-map-wrap-none-rounded,
#trip-map-wrap.trip-map-wrap-none-rounded {
  display: none;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 8px 32px rgba(0,0,0,.4);
}

.trip-map-wrap-flex {
  background: #1c1c1e;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.trip-map-wrap-flex-2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.trip-map-wrap-circle-w8-h8 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2E8B4A;
  box-shadow: 0 0 6px #2E8B4A;
}

.trip-map-wrap-bold {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .02em;
}

.trip-stop-count-rounded-bold,
#trip-stop-count.trip-stop-count-rounded-bold {
  font-size: 10px;
  font-weight: 700;
  background: rgba(6,193,103,.15);
  color: #2E8B4A;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(6,193,103,.3);
}

.trip-map-h280,
#trip-map.trip-map-h280 {
  height: 280px;
}

.dl-route-btn-none-rounded-clickable-bold,
#dl-route-btn.dl-route-btn-none-rounded-clickable-bold {
  display: none;
  width: 100%;
  padding: 11px;
  background: rgba(29,78,216,.12);
  border: 1.5px solid var(--blb);
  color: var(--blue);
  border-radius: 14px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.location-reminder-banner-none-flex-colum,
#location-reminder-banner.location-reminder-banner-none-flex-colum {
  display: none;
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 12px;
  padding: 12px 14px;
  flex-direction: column;
  gap: 8px;
}

.location-reminder-banner-flex {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.location-reminder-banner-bold {
  font-size: 12px;
  font-weight: 700;
  color: #92400E;
  margin-bottom: 2px;
}

.location-reminder-banner {
  font-size: 11px;
  color: #92400E;
  line-height: 1.6;
}

.location-reminder-banner-rounded-clickab {
  width: 100%;
  padding: 9px;
  background: #D97706;
  color: #fff;
  border: none;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.start-trip-btn-none-rounded-clickable-bo,
#start-trip-btn.start-trip-btn-none-rounded-clickable-bo {
  display: none;
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,var(--g800),var(--g700));
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.rsv-track-none-flex-column,
#rsv-track.rsv-track-none-flex-column,
#rt-active-content.rsv-track-none-flex-column {
  display: none;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}

.rt-no-active-flex-flex-column-text-cente,
#rt-no-active.rt-no-active-flex-flex-column-text-cente {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 20px;
  text-align: center;
}

.rt-no-active-flex-rounded-w60-h60 {
  width: 60px;
  height: 60px;
  background: var(--g50);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border: 1.5px solid var(--g200);
}

.rt-no-active-bold {
  font-size: 15px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 6px;
}

.rt-no-active {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.7;
  margin-bottom: 18px;
}

.rt-no-active-rounded-clickable-bold {
  padding: 11px 24px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.rt-active-content-flex-gradient {
  flex-shrink: 0;
  background: linear-gradient(135deg,var(--g800),var(--g700));
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rt-active-content-flex {
  display: flex;
  align-items: center;
  gap: 7px;
}

.rt-active-content-circle-w7-h7 {
  width: 7px;
  height: 7px;
  background: #2E8B4A;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
}

.rt-active-content-bold {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.rt-active-date,
#rt-active-date.rt-active-date {
  font-size: 10px;
  color: rgba(255,255,255,.75);
  margin-top: 2px;
}

.rt-active-content-rounded-clickable-bold {
  padding: 6px 12px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 9px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.rt-active-progress-flex,
#rt-active-progress.rt-active-progress-flex {
  flex-shrink: 0;
  background: rgba(27,94,32,.08);
  border-bottom: 1px solid var(--border);
  padding: 9px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rt-active-progress,
#emptyHint.rt-active-progress {
  font-size: 11px;
  color: var(--ts);
}

.rt-active-progress-text-bold,
#rt-active-progress-text.rt-active-progress-text-bold {
  font-size: 12px;
  font-weight: 700;
  color: var(--g700);
}

.rt-active-stops-flex-flex-column,
#rt-active-stops.rt-active-stops-flex-flex-column {
  flex: 1;
  overflow-y: auto;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rsv-hist-none-flex-column,
#rsv-hist.rsv-hist-none-flex-column,
#mgr-view-archived.rsv-hist-none-flex-column,
#mgr-view-approvals.rsv-hist-none-flex-column,
#mgr-view-plans.rsv-hist-none-flex-column,
#fin-view-approvals.rsv-hist-none-flex-column {
  display: none;
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  flex-direction: column;
  gap: 10px;
}

.rsv-hist-flex-rounded-clickable-bold {
  width: 100%;
  padding: 11px;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  color: #fff;
  border: none;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.rsv-salesplan-none-flex-column,
#rsv-salesplan.rsv-salesplan-none-flex-column,
#rsv-performance.rsv-salesplan-none-flex-column,
#rsv-commission.rsv-salesplan-none-flex-column,
#mgr-view-analysis.rsv-salesplan-none-flex-column,
#mgr-view-commconfig.rsv-salesplan-none-flex-column,
#mgr-view-targets.rsv-salesplan-none-flex-column,
#fin-view-commconfig.rsv-salesplan-none-flex-column {
  display: none;
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  flex-direction: column;
  gap: 12px;
}

.sp-readonly-banner-none-rounded,
#sp-readonly-banner.sp-readonly-banner-none-rounded {
  display: none;
  background: #EFF6FF;
  border: 1.5px solid #BFDBFE;
  border-radius: 11px;
  padding: 9px 13px;
  align-items: center;
  gap: 8px;
}

.sp-readonly-banner {
  font-size: 11px;
  font-weight: 600;
  color: #1D4ED8;
}

.rsv-salesplan-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rsv-salesplan-bold,
#ab-t-gross.rsv-salesplan-bold,
#sensAssetVal.rsv-salesplan-bold {
  font-size: 13px;
  font-weight: 700;
  color: var(--tp);
}

.rsv-salesplan-flex-rounded-clickable-bol {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 13px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(56,142,60,.3);
}

.sp-client-form-none-rounded,
#sp-client-form.sp-client-form-none-rounded {
  display: none;
  background: var(--surface);
  border-radius: 14px;
  padding: 15px;
  border: 1.5px solid var(--g400);
  box-shadow: 0 0 0 3px rgba(102,187,106,.12);
}

.sp-form-title-bold,
#sp-form-title.sp-form-title-bold {
  font-size: 12px;
  font-weight: 700;
  color: var(--g800);
  margin-bottom: 12px;
}

.sp-client-form {
  font-size: 10px;
  font-weight: 600;
  color: var(--ts);
  margin-bottom: 4px;
}

.sp-client-form-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 7px;
}

.sp-client-form-2,
#rev-team-period-label.sp-client-form-2 {
  font-size: 10px;
  font-weight: 600;
  color: var(--ts);
}

.rl-rename-nudge-none-rounded-clickable-b,
#rl-rename-nudge.rl-rename-nudge-none-rounded-clickable-b {
  display: none;
  font-size: 9px;
  font-weight: 700;
  color: var(--g700);
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 20px;
  padding: 2px 9px;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  align-items: center;
  gap: 4px;
}

.spc-opps-flex-flex-column,
#spc-opps.spc-opps-flex-flex-column,
#reasonsTrend.spc-opps-flex-flex-column,
#mpesa-txn-list.spc-opps-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.spc-opp-row-0-rounded,
#spc-opp-row-0.spc-opp-row-0-rounded,
#spc-opp-row-1.spc-opp-row-0-rounded,
#spc-opp-row-2.spc-opp-row-0-rounded,
#spc-opp-row-3.spc-opp-row-0-rounded {
  border: 1.5px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  background: var(--surface);
  transition: border-color .15s;
}

.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-0.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-1.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-2.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-3.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-4.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-5.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-6.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-7.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-8.spc-opp-lbl-0-flex-clickable,
#spc-opp-lbl-9.spc-opp-lbl-0-flex-clickable {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  cursor: pointer;
}

.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-0.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-1.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-2.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-3.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-4.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-5.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-6.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-7.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-8.spc-opp-box-0-flex-rounded-w18-h18,
#spc-opp-box-9.spc-opp-box-0-flex-rounded-w18-h18 {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid var(--border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .15s;
}

.rl-spc-lbl-0,
#rl-spc-lbl-0.rl-spc-lbl-0,
#rl-spc-lbl-1.rl-spc-lbl-0,
#rl-spc-lbl-2.rl-spc-lbl-0,
#rl-spc-lbl-3.rl-spc-lbl-0,
#rl-spc-lbl-4.rl-spc-lbl-0,
#rl-spc-lbl-5.rl-spc-lbl-0,
#rl-spc-lbl-6.rl-spc-lbl-0,
#rl-spc-lbl-7.rl-spc-lbl-0,
#rl-spc-lbl-8.rl-spc-lbl-0,
#rl-spc-lbl-9.rl-spc-lbl-0 {
  font-size: 12px;
  color: var(--tp);
}

.spc-opp-val-wrap-0-none,
#spc-opp-val-wrap-0.spc-opp-val-wrap-0-none,
#spc-opp-val-wrap-1.spc-opp-val-wrap-0-none,
#spc-opp-val-wrap-2.spc-opp-val-wrap-0-none,
#spc-opp-val-wrap-3.spc-opp-val-wrap-0-none {
  display: none;
  padding: 0 11px 10px;
}

.spc-opp-val-0-rounded,
#spc-opp-val-0.spc-opp-val-0-rounded,
#spc-opp-val-1.spc-opp-val-0-rounded,
#spc-opp-val-2.spc-opp-val-0-rounded,
#spc-opp-val-3.spc-opp-val-0-rounded {
  width: 100%;
  padding: 8px 40px 8px 10px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: var(--surface);
}

.spc-opp-val-wrap-0-absolute {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  font-weight: 600;
  color: var(--ts);
}

.spc-opp-total-flex-rounded,
#spc-opp-total.spc-opp-total-flex-rounded {
  display: none;
  margin-top: 8px;
  padding: 9px 12px;
  background: var(--g50);
  border: 1.5px solid var(--g200);
  border-radius: 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spc-opp-total {
  font-size: 11px;
  font-weight: 600;
  color: var(--g800);
}

.spc-opp-total-val-bold,
#spc-opp-total-val.spc-opp-total-val-bold {
  font-size: 14px;
  font-weight: 800;
  color: var(--g800);
}

.spc-notes-rounded,
#spc-notes.spc-notes-rounded {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  resize: none;
}

.sp-client-form-flex-2 {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.sp-client-form-rounded-clickable-bold {
  flex: 1;
  padding: 11px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.sp-client-form-rounded-clickable {
  padding: 11px 14px;
  background: #F9FAFB;
  color: var(--ts);
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.sp-summary-bar-grid,
#sp-summary-bar.sp-summary-bar-grid {
  display: none;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.sp-summary-bar-text-center-rounded {
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 11px;
  padding: 10px 12px;
  text-align: center;
}

.sp-sum-clients-bold,
#sp-sum-clients.sp-sum-clients-bold,
#sp-sum-pipeline.sp-sum-clients-bold,
#sp-sum-opps.sp-sum-clients-bold {
  font-size: 19px;
  font-weight: 800;
  color: var(--g800);
}

.sp-summary-bar {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--g700);
  margin-top: 2px;
}

.sp-period-pills-flex,
#sp-period-pills.sp-period-pills-flex {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.spp-all-rounded-clickable-bold,
#spp-all.spp-all-rounded-clickable-bold {
  padding: 5px 13px;
  border: 1.5px solid var(--g400);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--g700);
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.spp-thismonth-rounded-clickable,
#spp-thisMonth.spp-thismonth-rounded-clickable,
#spp-thisQuarter.spp-thismonth-rounded-clickable,
#spp-next7.spp-thismonth-rounded-clickable,
#spp-custom.spp-thismonth-rounded-clickable {
  padding: 5px 13px;
  border: 1.5px solid var(--border);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
  background: #fff;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.sp-custom-range-grid,
#sp-custom-range.sp-custom-range-grid {
  display: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}

.sp-custom-range {
  font-size: 10px;
  font-weight: 600;
  color: var(--ts);
  margin-bottom: 3px;
}

.sp-range-from-rounded,
#sp-range-from.sp-range-from-rounded,
#sp-range-to.sp-range-from-rounded {
  width: 100%;
  padding: 8px 10px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  font-size: 12px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.sp-analytics-rounded {
  background: var(--surface);
  border-radius: 14px;
  padding: 16px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  margin-bottom: 12px;
}

.sp-analytics-bold {
  font-size: 12px;
  font-weight: 700;
  color: var(--tp);
  margin-bottom: 12px;
}

.sp-analytics-flex {
  display: flex;
  align-items: center;
  gap: 18px;
}

.sp-overall-value-bold,
#sp-overall-value.sp-overall-value-bold {
  font-size: 26px;
  font-weight: 800;
  color: var(--g800);
  letter-spacing: -.5px;
  line-height: 1;
}

.sp-overall-label,
#sp-overall-label.sp-overall-label {
  font-size: 11px;
  color: var(--ts);
  margin-top: 3px;
}

.sp-overall-legend-flex-flex-column,
#sp-overall-legend.sp-overall-legend-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}

.sp-analytics-bold-2 {
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 8px;
}

.sp-client-list-text-center {
  text-align: center;
  padding: 32px 20px;
  color: var(--ts);
  font-size: 12px;
  font-style: italic;
}

.sp-print-btn-none-rounded-clickable-bold,
#sp-print-btn.sp-print-btn-none-rounded-clickable-bold {
  display: none;
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 3px 10px rgba(56,142,60,.3);
}

.sp-archive-toggle-flex-rounded-clickable,
#sp-archive-toggle.sp-archive-toggle-flex-rounded-clickable {
  width: 100%;
  padding: 10px;
  background: #F9FAFB;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--ts);
}

.sp-archive-count-badge-none-rounded-bold,
#sp-archive-count-badge.sp-archive-count-badge-none-rounded-bold {
  display: none;
  background: #6B7280;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 20px;
}

.sp-archived-panel-none-rounded,
#sp-archived-panel.sp-archived-panel-none-rounded {
  display: none;
  background: var(--surface);
  border-radius: 14px;
  border: 1.5px solid #E5E7EB;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.sp-archived-panel-flex {
  background: #F3F4F6;
  padding: 11px 14px;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sp-archived-panel-bold {
  font-size: 12px;
  font-weight: 700;
  color: #374151;
}

.sp-archived-panel {
  font-size: 10px;
  color: #6B7280;
  font-style: italic;
}

.sp-archived-list-flex-flex-column,
#sp-archived-list.sp-archived-list-flex-flex-column {
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sp-archived-list-text-center {
  font-size: 12px;
  color: var(--ts);
  font-style: italic;
  text-align: center;
  padding: 8px 0;
}

.sp-preview-modal-none-fixed,
#sp-preview-modal.sp-preview-modal-none-fixed {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 9000;
  overflow-y: auto;
  padding: 16px;
}

.sp-preview-modal-rounded {
  background: #fff;
  border-radius: 16px;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0,0,0,.3);
}

.sp-preview-modal-flex-gradient {
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sp-preview-modal-bold {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  margin-bottom: 2px;
}

.sp-preview-title-bold,
#sp-preview-title.sp-preview-title-bold {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.sp-preview-modal-flex-circle-clickable-w {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.sp-preview-summary-grid,
#sp-preview-summary.sp-preview-summary-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0;
  border-bottom: 1px solid #E5E7EB;
}

.sp-preview-list-flex-flex-column,
#sp-preview-list.sp-preview-list-flex-flex-column {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 60vh;
  overflow-y: auto;
}

.sp-preview-modal {
  padding: 14px;
  padding-top: 0;
}

.sp-preview-modal-flex-rounded-clickable- {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 3px 10px rgba(56,142,60,.25);
}

.rsv-performance-rounded {
  background: var(--surface);
  border-radius: 14px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.rsv-performance-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.rsv-performance-bold {
  font-size: 15px;
  font-weight: 700;
  color: var(--tp);
}

.perf-period-label,
#perf-period-label.perf-period-label {
  font-size: 11px;
  color: var(--ts);
  margin-top: 2px;
}

.perf-attainment-ring-w52-h52,
#perf-attainment-ring.perf-attainment-ring-w52-h52 {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.perf-ring-fill,
#perf-ring-fill.perf-ring-fill {
  transition: stroke-dashoffset .5s;
}

.rsv-performance-flex-2 {
  display: flex;
  justify-content: space-around;
  margin-bottom: 10px;
  padding-left: 94px;
}

.rsv-performance-text-center-bold-danger- {
  font-size: 9px;
  font-weight: 700;
  color: #EF4444;
  text-align: center;
}

.rsv-performance-text-center-bold {
  font-size: 9px;
  font-weight: 700;
  color: #D97706;
  text-align: center;
}

.rsv-performance-text-center-bold-2 {
  font-size: 9px;
  font-weight: 700;
  color: #1A5C32;
  text-align: center;
}

.rsv-performance-text-center-bold-3 {
  font-size: 9px;
  font-weight: 700;
  color: #7C3AED;
  text-align: center;
}

.perf-sprint-rows-flex-flex-column,
#perf-sprint-rows.perf-sprint-rows-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.perf-sprint-row-grid {
  display: grid;
  grid-template-columns: 94px 1fr;
  gap: 8px;
  align-items: flex-start;
}

.pk-env-lbl-bold,
#pk-env-lbl.pk-env-lbl-bold,
#pk-rl7-lbl.pk-env-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #0D9488;
  line-height: 1.3;
}

.pk-env-val,
#pk-env-val.pk-env-val,
#pk-bm-val.pk-env-val,
#pk-ind-val.pk-env-val,
#pk-wu-val.pk-env-val,
#pk-rl5-val.pk-env-val,
#pk-rl6-val.pk-env-val,
#pk-rl7-val.pk-env-val,
#pk-rl8-val.pk-env-val,
#pk-rl9-val.pk-env-val,
#pk-rl10-val.pk-env-val {
  font-size: 9px;
  color: var(--ts);
  line-height: 1.5;
  word-break: break-word;
}

.perf-sprint-row-relative-h16 {
  position: relative;
  height: 16px;
  margin-top: 4px;
}

.perf-sprint-row-absolute-rounded {
  position: absolute;
  inset: 4px 0;
  background: #F3F4F6;
  border-radius: 8px;
  overflow: hidden;
}

.pk-env-fill-rounded,
#pk-env-fill.pk-env-fill-rounded,
#pk-rl7-fill.pk-env-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: #0D9488;
  width: 0%;
  transition: width .5s;
}

.pk-env-m75-absolute,
#pk-env-m75.pk-env-m75-absolute,
#pk-env-m100.pk-env-m75-absolute,
#pk-env-m120.pk-env-m75-absolute,
#pk-bm-m75.pk-env-m75-absolute,
#pk-bm-m100.pk-env-m75-absolute,
#pk-bm-m120.pk-env-m75-absolute,
#pk-ind-m75.pk-env-m75-absolute,
#pk-ind-m100.pk-env-m75-absolute,
#pk-ind-m120.pk-env-m75-absolute,
#pk-wu-m75.pk-env-m75-absolute,
#pk-wu-m100.pk-env-m75-absolute,
#pk-wu-m120.pk-env-m75-absolute,
#pk-rl5-m75.pk-env-m75-absolute,
#pk-rl5-m100.pk-env-m75-absolute,
#pk-rl5-m120.pk-env-m75-absolute,
#pk-rl6-m75.pk-env-m75-absolute,
#pk-rl6-m100.pk-env-m75-absolute,
#pk-rl6-m120.pk-env-m75-absolute,
#pk-rl7-m75.pk-env-m75-absolute,
#pk-rl7-m100.pk-env-m75-absolute,
#pk-rl7-m120.pk-env-m75-absolute,
#pk-rl8-m75.pk-env-m75-absolute,
#pk-rl8-m100.pk-env-m75-absolute,
#pk-rl8-m120.pk-env-m75-absolute,
#pk-rl9-m75.pk-env-m75-absolute,
#pk-rl9-m100.pk-env-m75-absolute,
#pk-rl9-m120.pk-env-m75-absolute,
#pk-rl10-m75.pk-env-m75-absolute,
#pk-rl10-m100.pk-env-m75-absolute,
#pk-rl10-m120.pk-env-m75-absolute {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.5px;
}

.pk-bm-lbl-bold,
#pk-bm-lbl.pk-bm-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--g700);
  line-height: 1.3;
}

.pk-bm-fill-rounded,
#pk-bm-fill.pk-bm-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: var(--g700);
  width: 0%;
  transition: width .5s;
}

.pk-ind-lbl-bold,
#pk-ind-lbl.pk-ind-lbl-bold,
#pk-rl9-lbl.pk-ind-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #7C3AED;
  line-height: 1.3;
}

.pk-ind-fill-rounded,
#pk-ind-fill.pk-ind-fill-rounded,
#pk-rl9-fill.pk-ind-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: #7C3AED;
  width: 0%;
  transition: width .5s;
}

.pk-wu-lbl-bold,
#pk-wu-lbl.pk-wu-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #1D4ED8;
  line-height: 1.3;
}

.pk-wu-fill-rounded,
#pk-wu-fill.pk-wu-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: #1D4ED8;
  width: 0%;
  transition: width .5s;
}

.pk-rl5-lbl-bold,
#pk-rl5-lbl.pk-rl5-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #B91C1C;
  line-height: 1.3;
}

.pk-rl5-fill-rounded,
#pk-rl5-fill.pk-rl5-fill-rounded,
#pk-rl6-fill.pk-rl5-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: #D97706;
  width: 0%;
  transition: width .5s;
}

.pk-rl6-lbl-bold,
#pk-rl6-lbl.pk-rl6-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #D97706;
  line-height: 1.3;
}

.pk-rl8-lbl-bold,
#pk-rl8-lbl.pk-rl8-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #2E8B4A;
  line-height: 1.3;
}

.pk-rl8-fill-rounded,
#pk-rl8-fill.pk-rl8-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: #2E8B4A;
  width: 0%;
  transition: width .5s;
}

.pk-rl10-lbl-bold,
#pk-rl10-lbl.pk-rl10-lbl-bold {
  font-size: 11px;
  font-weight: 700;
  color: #6B7280;
  line-height: 1.3;
}

.pk-rl10-fill-rounded,
#pk-rl10-fill.pk-rl10-fill-rounded {
  height: 100%;
  border-radius: 8px;
  background: #6B7280;
  width: 0%;
  transition: width .5s;
}

.rsv-performance-rounded-2 {
  background: var(--surface);
  border-radius: 14px;
  border: 1px solid var(--border);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.rsv-performance-flex-3 {
  background: #FEF3C7;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #FCD34D;
}

.rsv-performance-bold-2 {
  font-size: 12px;
  font-weight: 700;
  color: #92400E;
}

.perf-pending-badge-rounded-bold,
#perf-pending-badge.perf-pending-badge-rounded-bold {
  font-size: 10px;
  font-weight: 700;
  background: #D97706;
  color: #fff;
  padding: 2px 8px;
  border-radius: 20px;
}

.perf-pending-list,
#perf-pending-list.perf-pending-list,
#perf-approved-list.perf-pending-list {
  padding: 10px 14px;
  font-size: 12px;
  color: var(--ts);
  font-style: italic;
}

.rsv-performance-flex-4 {
  background: var(--g50);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--g200);
}

.rsv-performance-rounded-3 {
  background: var(--surface);
  border-radius: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}

.rsv-performance-bold-3 {
  font-size: 12px;
  font-weight: 700;
  color: var(--tp);
  margin-bottom: 8px;
}

.perf-insight-text,
#perf-insight-text.perf-insight-text {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.7;
}

.rsv-performance-bold-4 {
  font-size: 12px;
  font-weight: 700;
  color: var(--tp);
  margin-bottom: 10px;
}

.perf-route-summary,
#perf-route-summary.perf-route-summary {
  font-size: 12px;
  color: var(--ts);
}

.rsv-performance-relative-rounded-gradien {
  background: linear-gradient(135deg,#0F2B5B,#0F2B1A);
  border-radius: 16px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.rsv-performance-absolute-circle-w90-h90 {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 90px;
  height: 90px;
  background: rgba(255,255,255,.05);
  border-radius: 50%;
}

.rsv-performance-bold-5,
#expHeroTag.rsv-performance-bold-5 {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-bottom: 4px;
}

.rsv-performance-bold-6 {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
}

.rsv-performance-flex-5 {
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
}

.tva-btn-week-rounded-clickable-bold,
#tva-btn-week.tva-btn-week-rounded-clickable-bold {
  flex: 1;
  padding: 6px;
  border-radius: 9px;
  border: 1.5px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.15);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.tva-btn-month-rounded-clickable-bold,
#tva-btn-month.tva-btn-month-rounded-clickable-bold,
#tva-btn-quarter.tva-btn-month-rounded-clickable-bold {
  flex: 1;
  padding: 6px;
  border-radius: 9px;
  border: 1.5px solid rgba(255,255,255,.1);
  background: transparent;
  color: rgba(255,255,255,.7);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.tvagrid-grid,
#tvaGrid.tvagrid-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}

.tvanarrative-rounded,
#tvaNarrative.tvanarrative-rounded {
  background: rgba(255,255,255,.1);
  border-radius: 11px;
  padding: 10px 12px;
  font-size: 12px;
  color: rgba(255,255,255,.9);
  line-height: 1.65;
  border: 1px solid rgba(255,255,255,.15);
}

.rsv-performance-rounded-4 {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
}

.rsv-performance {
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}

.rsv-performance-bold-7 {
  font-size: 14px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 3px;
}

.rsv-performance-2 {
  font-size: 11px;
  color: var(--ts);
  line-height: 1.55;
}

.reasonstodaylabel-bold,
#reasonsTodayLabel.reasonstodaylabel-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
  text-transform: uppercase;
  letter-spacing: .07em;
}

.reasonsselectedcount-rounded-bold,
#reasonsSelectedCount.reasonsselectedcount-rounded-bold {
  font-size: 10px;
  font-weight: 700;
  background: #FEF3C7;
  color: #92400E;
  padding: 2px 9px;
  border-radius: 20px;
}

.rsv-performance-3 {
  margin-top: 10px;
}

.rsv-performance-4 {
  font-weight: 400;
}

.reasonsdailynote-rounded,
#reasonsDailyNote.reasonsdailynote-rounded {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 12px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  resize: none;
  line-height: 1.5;
}

.reasonssavebtn-rounded-clickable-bold,
#reasonsSaveBtn.reasonssavebtn-rounded-clickable-bold {
  width: 100%;
  margin-top: 10px;
  padding: 12px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  opacity: .45;
  pointer-events: none;
}

.reasonstodaysaved-flex-rounded,
#reasonsTodaySaved.reasonstodaysaved-flex-rounded {
  display: none;
  margin-top: 8px;
  background: #EDF5EF;
  border: 1px solid #9CC8A9;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 11px;
  color: #1A5C32;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 7px;
}

.rsv-performance-5 {
  font-size: 10px;
  font-weight: 400;
  color: var(--ts);
}

.reasonstrend {
  font-size: 11px;
  color: var(--ts);
  font-style: italic;
}

.rsv-performance-6,
#incomeSmoothBody.rsv-performance-6,
#netWorthSummary.rsv-performance-6 {
  padding: 14px 16px;
}

.reasonshistorytoggle-clickable,
#reasonsHistoryToggle.reasonshistorytoggle-clickable {
  font-size: 10px;
  color: var(--g700);
  background: none;
  border: none;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  font-weight: 600;
}

.reasonshistory-none-flex-column,
#reasonsHistory.reasonshistory-none-flex-column {
  display: none;
  flex-direction: column;
  gap: 8px;
}

.rsv-commission-rounded {
  background: #F9FAFB;
  border-radius: 14px;
  padding: 14px;
  border: 1.5px solid #E5E7EB;
  box-shadow: var(--shadow);
}

.rsv-commission-flex {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}

.rsv-commission-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #6B7280;
}

.rsv-commission-rounded-bold {
  font-size: 9px;
  font-weight: 700;
  background: #E5E7EB;
  color: #6B7280;
  padding: 2px 7px;
  border-radius: 20px;
  margin-left: auto;
}

.comm-actual-plan-badge-none,
#comm-actual-plan-badge.comm-actual-plan-badge-none,
#scenario-planb-row.comm-actual-plan-badge-none {
  display: none;
  margin-bottom: 10px;
}

.rsv-commission-relative-rounded-gradient {
  background: linear-gradient(135deg,#374151,#374151);
  border-radius: 12px;
  padding: 16px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.rsv-commission-absolute-circle-w70-h70 {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 70px;
  height: 70px;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
}

.rsv-commission-bold-2 {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 4px;
}

.comm-actual-gross-bold,
#comm-actual-gross.comm-actual-gross-bold,
#comm-gross-pay.comm-actual-gross-bold {
  font-size: 34px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 8px;
}

.rsv-commission-flex-2 {
  display: flex;
  gap: 16px;
}

.rsv-commission {
  font-size: 9px;
  color: rgba(255,255,255,.55);
  text-transform: uppercase;
  letter-spacing: .07em;
}

.comm-actual-basic-bold,
#comm-actual-basic.comm-actual-basic-bold,
#comm-actual-amount.comm-actual-basic-bold,
#comm-actual-rate.comm-actual-basic-bold,
#comm-actual-tier.comm-actual-basic-bold,
#comm-basic-show.comm-actual-basic-bold,
#comm-amount.comm-actual-basic-bold,
#comm-rate-show.comm-actual-basic-bold,
#sc-basic.comm-actual-basic-bold,
#sc-comm.comm-actual-basic-bold,
#sc-rate.comm-actual-basic-bold {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}

.comm-actual-breakdown,
#comm-actual-breakdown.comm-actual-breakdown {
  font-size: 11px;
  color: #6B7280;
  line-height: 1.8;
}

.rsv-commission-2 {
  font-size: 10px;
  color: #9CA3AF;
  margin-top: 6px;
  font-style: italic;
}

.comm-planb-section-none-rounded,
#comm-planb-section.comm-planb-section-none-rounded {
  display: none;
  background: var(--surface);
  border-radius: 14px;
  padding: 14px;
  border: 1.5px solid #7C3AED33;
  box-shadow: var(--shadow);
}

.comm-planb-section-flex-rounded-w28-h28 {
  width: 28px;
  height: 28px;
  background: #7C3AED20;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.comm-planb-section-bold {
  font-size: 12px;
  font-weight: 700;
  color: #7C3AED;
}

.comm-planb-label,
#comm-planb-label.comm-planb-label,
#meansChartPeriodLbl.comm-planb-label,
#bizChartPeriodLbl.comm-planb-label,
#stmtTrendPeriodLbl.comm-planb-label,
#stmtCalMonthLbl.comm-planb-label,
#incChartPeriodLbl.comm-planb-label {
  font-size: 10px;
  color: var(--ts);
}

.comm-planb-config-summary-rounded,
#comm-planb-config-summary.comm-planb-config-summary-rounded {
  background: #F5F3FF;
  border-radius: 9px;
  padding: 9px 11px;
  font-size: 11px;
  color: #7C3AED;
  margin-bottom: 12px;
  line-height: 1.7;
}

.comm-planb-section-bold-2 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 6px;
}

.cp-tier-pills-flex,
#cp-tier-pills.cp-tier-pills-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.cpt-1000000-rounded-clickable-bold,
#cpt-1000000.cpt-1000000-rounded-clickable-bold {
  padding: 5px 11px;
  border: 1.5px solid var(--g400);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--g700);
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.cpt-2500000-rounded-clickable,
#cpt-2500000.cpt-2500000-rounded-clickable,
#cpt-3500000.cpt-2500000-rounded-clickable,
#cpt-4500000.cpt-2500000-rounded-clickable,
#cpt-12500000.cpt-2500000-rounded-clickable,
#cpt-20000000.cpt-2500000-rounded-clickable {
  padding: 5px 11px;
  border: 1.5px solid var(--border);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
  background: #fff;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.comm-planb-section-relative-rounded-grad {
  background: linear-gradient(135deg,#7C3AED,#7C3AED);
  border-radius: 12px;
  padding: 16px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.comm-planb-section-absolute-circle-w70-h {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 70px;
  height: 70px;
  background: rgba(255,255,255,.1);
  border-radius: 50%;
}

.comm-planb-section-bold-3 {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  margin-bottom: 4px;
}

.comm-planb-section {
  font-size: 9px;
  color: rgba(255,255,255,.65);
  text-transform: uppercase;
  letter-spacing: .07em;
}

.comm-planb-section-rounded {
  background: #F5F3FF;
  border-radius: 9px;
  padding: 9px 11px;
  margin-bottom: 10px;
}

.comm-planb-section-bold-4 {
  font-size: 10px;
  font-weight: 700;
  color: #7C3AED;
  margin-bottom: 2px;
}

.comm-planb-revenue-display-bold,
#comm-planb-revenue-display.comm-planb-revenue-display-bold {
  font-size: 13px;
  font-weight: 700;
  color: #7C3AED;
}

.comm-planb-section-2 {
  font-size: 10px;
  color: #7C3AED;
  margin-top: 2px;
}

.comm-planb-section-rounded-2 {
  background: var(--surface);
  border-radius: 10px;
  border: 1px solid #DDD6FE;
  overflow: hidden;
}

.comm-planb-section-3 {
  background: #F5F3FF;
  padding: 9px 12px;
  border-bottom: 1px solid #DDD6FE;
}

.comm-table-title-bold,
#comm-table-title.comm-table-title-bold {
  font-size: 11px;
  font-weight: 700;
  color: #7C3AED;
}

.comm-bands-table,
#comm-bands-table.comm-bands-table,
#stmtBudgetTable.comm-bands-table,
#rev-report-table.comm-bands-table {
  overflow-x: auto;
}

.comm-bands-table-2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.comm-bands-table-3 {
  background: #FAF5FF;
}

.comm-bands-table-text-left-bold {
  padding: 7px 11px;
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #6B7280;
}

.comm-bands-table-text-right-bold {
  padding: 7px 11px;
  text-align: right;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #6B7280;
}

.comm-no-planb-text-center-rounded,
#comm-no-planb.comm-no-planb-text-center-rounded {
  background: #F9FAFB;
  border-radius: 12px;
  padding: 14px;
  border: 1px solid #E5E7EB;
  text-align: center;
}

.comm-no-planb {
  font-size: 12px;
  color: #9CA3AF;
  margin-bottom: 4px;
}

.comm-no-planb-2 {
  font-size: 11px;
  color: #E5E7EB;
}

.rsv-commission-rounded-2 {
  background: var(--surface);
  border-radius: 14px;
  padding: 14px;
  border: 1.5px solid #FCD34D;
  box-shadow: var(--shadow);
}

.rsv-commission-flex-3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.rsv-commission-flex-rounded-w30-h30 {
  width: 30px;
  height: 30px;
  background: #FEF3C7;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rsv-commission-bold-3,
#expBridgeCost.rsv-commission-bold-3 {
  font-size: 13px;
  font-weight: 700;
  color: #92400E;
}

.rsv-commission-3 {
  font-size: 11px;
  color: #92400E;
}

.scenario-planb-row-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.sc-plan-a-rounded-clickable-bold,
#sc-plan-a.sc-plan-a-rounded-clickable-bold {
  padding: 9px;
  border: 2px solid var(--g700);
  border-radius: 10px;
  background: var(--g700);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.sc-plan-b-rounded-clickable-bold,
#sc-plan-b.sc-plan-b-rounded-clickable-bold {
  padding: 9px;
  border: 2px solid var(--border);
  border-radius: 10px;
  background: #fff;
  color: var(--ts);
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.sc-tier-pills-flex,
#sc-tier-pills.sc-tier-pills-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 12px;
}

.sct-1000000-rounded-clickable-bold,
#sct-1000000.sct-1000000-rounded-clickable-bold {
  padding: 4px 10px;
  border: 1.5px solid var(--g400);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--g700);
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.sct-2500000-rounded-clickable,
#sct-2500000.sct-2500000-rounded-clickable,
#sct-3500000.sct-2500000-rounded-clickable,
#sct-4500000.sct-2500000-rounded-clickable,
#sct-12500000.sct-2500000-rounded-clickable,
#sct-20000000.sct-2500000-rounded-clickable {
  padding: 4px 10px;
  border: 1.5px solid var(--border);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
  background: #fff;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.rsv-commission-bold-4 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 5px;
}

.sc-revenue-rounded,
#sc-revenue.sc-revenue-rounded {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid #FCD34D;
  border-radius: 10px;
  font-size: 14px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  margin-bottom: 8px;
  background: #FEF3C7;
}

.rsv-commission-rounded-h6 {
  height: 6px;
  border-radius: 3px;
  background: #FEF3C7;
  margin-bottom: 4px;
}

.sc-attainment-bar-rounded,
#sc-attainment-bar.sc-attainment-bar-rounded {
  height: 100%;
  border-radius: 3px;
  background: #D97706;
  width: 0%;
  transition: width .3s;
}

.sc-attainment-label,
#sc-attainment-label.sc-attainment-label {
  font-size: 10px;
  color: #92400E;
  margin-bottom: 12px;
}

.sc-hero-relative-rounded-gradient,
#sc-hero.sc-hero-relative-rounded-gradient {
  background: linear-gradient(135deg,#D97706,#D97706);
  border-radius: 12px;
  padding: 15px;
  position: relative;
  overflow: hidden;
}

.sc-hero-absolute-circle-w70-h70 {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 70px;
  height: 70px;
  background: rgba(255,255,255,.1);
  border-radius: 50%;
}

.sc-hero-bold {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.8);
  margin-bottom: 4px;
}

.sc-gross-bold,
#sc-gross.sc-gross-bold {
  font-size: 32px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  letter-spacing: -1px;
  margin-bottom: 8px;
}

.sc-hero-flex {
  display: flex;
  gap: 14px;
}

.sc-hero {
  font-size: 9px;
  color: rgba(255,255,255,.7);
  text-transform: uppercase;
  letter-spacing: .07em;
}

.sc-gap-msg-none-rounded,
#sc-gap-msg.sc-gap-msg-none-rounded {
  display: none;
  margin-top: 10px;
  padding: 10px 12px;
  background: #FEF3C7;
  border-radius: 10px;
  border-left: 3px solid #D97706;
  font-size: 12px;
  color: #92400E;
  line-height: 1.6;
}

.sc-vs-actual-none-rounded,
#sc-vs-actual.sc-vs-actual-none-rounded {
  display: none;
  margin-top: 10px;
  background: #F9FAFB;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 12px;
  color: var(--ts);
}

.routes-manager-none-flex-column,
#routes-manager.routes-manager-none-flex-column {
  display: none;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
}

.routes-manager {
  background: var(--g900);
  padding: 0 16px 12px;
  flex-shrink: 0;
}

.routes-manager-flex-rounded-clickable-bo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  white-space: nowrap;
  backdrop-filter: blur(4px);
}

.routes-manager-flex-rounded {
  display: flex;
  gap: 5px;
  background: rgba(0,0,0,.2);
  padding: 4px;
  border-radius: 12px;
}

.routes-manager-rounded-clickable-bold {
  margin-left: auto;
  padding: 5px 10px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  white-space: nowrap;
}

.mgr-view-live-flex-flex-column,
#mgr-view-live.mgr-view-live-flex-flex-column {
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  display: flex;
}

.manager-map,
#manager-map.manager-map {
  flex: 1;
  min-height: 300px;
}

.mgr-view-live {
  flex-shrink: 0;
  background: var(--surface);
  border-top: 1px solid var(--border);
  padding: 12px 14px;
  max-height: 180px;
  overflow-y: auto;
}

.mgr-view-live-bold {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ts);
  margin-bottom: 8px;
}

.mgr-view-analysis-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 11px;
}

.mgr-view-analysis-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
}

.analysis-from-rounded,
#analysis-from.analysis-from-rounded,
#analysis-to.analysis-from-rounded,
#tgt-env.analysis-from-rounded,
#tgt-bm.analysis-from-rounded,
#tgt-ind.analysis-from-rounded,
#tgt-wu.analysis-from-rounded,
#tgt-rl5.analysis-from-rounded,
#tgt-rl6.analysis-from-rounded,
#tgt-rl7.analysis-from-rounded,
#tgt-rl8.analysis-from-rounded,
#tgt-rl9.analysis-from-rounded,
#tgt-rl10.analysis-from-rounded {
  width: 100%;
  padding: 9px 11px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.mgr-view-analysis-flex {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.mgr-view-analysis-rounded-clickable,
#pb-period-thisQuarter.mgr-view-analysis-rounded-clickable,
#pb-period-thisYear.mgr-view-analysis-rounded-clickable,
#pb-period-custom.mgr-view-analysis-rounded-clickable,
#tgt-p-thisQuarter.mgr-view-analysis-rounded-clickable,
#tgt-p-thisYear.mgr-view-analysis-rounded-clickable,
#rvp-thisQuarter.mgr-view-analysis-rounded-clickable,
#rvp-thisYear.mgr-view-analysis-rounded-clickable {
  padding: 5px 12px;
  border: 1.5px solid var(--border);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
  background: #fff;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.analysis-pdf-btn-flex-rounded-clickable-,
#analysis-pdf-btn.analysis-pdf-btn-flex-rounded-clickable- {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 3px 10px rgba(56,142,60,.3);
}

.mgr-view-commconfig-rounded {
  background: var(--surface);
  border-radius: 14px;
  padding: 14px;
  border: 1.5px solid #DDD6FE;
  box-shadow: var(--shadow);
}

.mgr-view-commconfig-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.planb-master-toggle-relative-rounded-cli,
#planb-master-toggle.planb-master-toggle-relative-rounded-cli {
  width: 48px;
  height: 26px;
  border-radius: 13px;
  border: none;
  cursor: pointer;
  position: relative;
  background: #E5E7EB;
  transition: background .2s;
  flex-shrink: 0;
}

.planb-toggle-knob-absolute-circle-w20-h2,
#planb-toggle-knob.planb-toggle-knob-absolute-circle-w20-h2 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 3px;
  transition: left .2s;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.pb-period-thismonth-rounded-clickable-bo,
#pb-period-thisMonth.pb-period-thismonth-rounded-clickable-bo {
  padding: 5px 12px;
  border: 1.5px solid var(--g400);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #7C3AED;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.pb-custom-dates-none,
#pb-custom-dates.pb-custom-dates-none {
  display: none;
  gap: 8px;
  margin-top: 8px;
}

.pb-custom-dates {
  font-size: 10px;
  color: var(--ts);
  margin-bottom: 3px;
}

.pb-date-from-rounded,
#pb-date-from.pb-date-from-rounded,
#pb-date-to.pb-date-from-rounded {
  width: 100%;
  padding: 8px 10px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  font-size: 12px;
  font-family: DM Sans,sans-serif;
}

.pb-rep-all-wrap-flex-rounded-clickable,
#pb-rep-all-wrap.pb-rep-all-wrap-flex-rounded-clickable,
#pb-rep-james-wrap.pb-rep-all-wrap-flex-rounded-clickable {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  background: #F9FAFB;
  border-radius: 9px;
  cursor: pointer;
  border: 1.5px solid transparent;
}

.pb-rep-all-clickable-w16-h16,
#pb-rep-all.pb-rep-all-clickable-w16-h16,
#pb-rep-james.pb-rep-all-clickable-w16-h16,
#pb-opp-all.pb-rep-all-clickable-w16-h16,
#rl-pb-cb-0.pb-rep-all-clickable-w16-h16,
#rl-pb-cb-1.pb-rep-all-clickable-w16-h16,
#rl-pb-cb-2.pb-rep-all-clickable-w16-h16,
#rl-pb-cb-3.pb-rep-all-clickable-w16-h16 {
  width: 16px;
  height: 16px;
  accent-color: #7C3AED;
  cursor: pointer;
}

.pb-rep-james-wrap,
#rl-lbl-sprint-rl1.pb-rep-james-wrap,
#rl-lbl-sprint-rl2.pb-rep-james-wrap,
#rl-lbl-sprint-rl3.pb-rep-james-wrap,
#rl-lbl-sprint-rl4.pb-rep-james-wrap {
  font-size: 12px;
  font-weight: 600;
  color: var(--tp);
}

.planb-config-wrap-flex-rounded-clickable {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  background: #F9FAFB;
  border-radius: 9px;
  cursor: pointer;
}

.planb-config-wrap-rounded-clickable-bold {
  width: 100%;
  padding: 12px;
  background: #7C3AED;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(124,58,237,.3);
}

.planb-saved-msg-none-text-center-bold,
#planb-saved-msg.planb-saved-msg-none-text-center-bold {
  display: none;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #7C3AED;
}

.planb-current-summary-none-rounded,
#planb-current-summary.planb-current-summary-none-rounded {
  display: none;
  background: #F5F3FF;
  border-radius: 14px;
  padding: 14px;
  border: 1.5px solid #DDD6FE;
}

.planb-current-summary-bold {
  font-size: 11px;
  font-weight: 700;
  color: #7C3AED;
  margin-bottom: 8px;
}

.planb-summary-body,
#planb-summary-body.planb-summary-body {
  font-size: 12px;
  color: #7C3AED;
  line-height: 1.9;
}

.mgr-view-archived-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ts);
  margin-bottom: 2px;
}

.mgr-view-archived {
  font-size: 11px;
  color: var(--ts);
  margin-bottom: 6px;
}

.mgr-archived-list-text-center {
  text-align: center;
  padding: 28px 20px;
  color: var(--ts);
  font-size: 12px;
  font-style: italic;
}

.tgt-rep-select-rounded-clickable,
#tgt-rep-select.tgt-rep-select-rounded-clickable {
  width: 100%;
  padding: 10px 36px 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 11px;
  font-size: 13px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: var(--surface);
  appearance: none;
  cursor: pointer;
}

.tgt-p-thismonth-rounded-clickable-bold,
#tgt-p-thisMonth.tgt-p-thismonth-rounded-clickable-bold,
#rvp-thisMonth.tgt-p-thismonth-rounded-clickable-bold {
  padding: 5px 12px;
  border: 1.5px solid var(--g400);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--g700);
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.rl-lbl-tgt-2 {
  font-size: 10px;
  font-weight: 600;
  color: #0D9488;
  margin-bottom: 4px;
}

.rl-lbl-tgt-3 {
  font-size: 10px;
  font-weight: 600;
  color: var(--g700);
  margin-bottom: 4px;
}

.rl-lbl-tgt-4 {
  font-size: 10px;
  font-weight: 600;
  color: #7C3AED;
  margin-bottom: 4px;
}

.rl-lbl-tgt-5 {
  font-size: 10px;
  font-weight: 600;
  color: #1D4ED8;
  margin-bottom: 4px;
}

.rl-lbl-tgt-6 {
  font-size: 10px;
  font-weight: 600;
  color: #B91C1C;
  margin-bottom: 4px;
}

.rl-lbl-tgt-7 {
  font-size: 10px;
  font-weight: 600;
  color: #D97706;
  margin-bottom: 4px;
}

.rl-lbl-tgt-8 {
  font-size: 10px;
  font-weight: 600;
  color: #2E8B4A;
  margin-bottom: 4px;
}

.rl-lbl-tgt-9 {
  font-size: 10px;
  font-weight: 600;
  color: #6B7280;
  margin-bottom: 4px;
}

.tgt-save-btn-rounded-clickable-bold,
#tgt-save-btn.tgt-save-btn-rounded-clickable-bold {
  width: 100%;
  padding: 12px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(56,142,60,.3);
}

.tgt-auto-hint-none-text-center-rounded,
#tgt-auto-hint.tgt-auto-hint-none-text-center-rounded {
  display: none;
  font-size: 11px;
  color: var(--g700);
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 8px;
  padding: 7px 10px;
  text-align: center;
}

.tgt-derived-msg-none-text-center-bold,
#tgt-derived-msg.tgt-derived-msg-none-text-center-bold {
  display: none;
  font-size: 12px;
  font-weight: 700;
  color: var(--g700);
  text-align: center;
  padding: 4px 0;
}

.tgt-saved-msg-none-text-center-bold,
#tgt-saved-msg.tgt-saved-msg-none-text-center-bold {
  display: none;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--g700);
}

.mgr-view-targets-rounded {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px;
}

.tgt-current-none-rounded,
#tgt-current.tgt-current-none-rounded {
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 14px;
  padding: 14px;
  display: none;
}

.tgt-current-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--g800);
  margin-bottom: 8px;
}

.tgt-current-body,
#tgt-current-body.tgt-current-body {
  font-size: 12px;
  color: var(--g800);
  line-height: 1.9;
}

.mgr-view-plans-rounded {
  background: var(--g50);
  border: 1px solid var(--g400);
  border-radius: 12px;
  padding: 11px 13px;
  font-size: 11px;
  color: var(--g800);
  line-height: 1.6;
}

.mgr-plans-list-text-center {
  text-align: center;
  padding: 28px;
  color: var(--ts);
  font-size: 12px;
}

.screen-finance {
  background: #0F2B5B;
  padding: 10px 16px 12px;
  flex-shrink: 0;
}

.screen-finance-flex {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.fin-nav-targets,
#fin-nav-targets.fin-nav-targets {
  background: #1D4ED8;
  border-color: #1D4ED8;
  white-space: nowrap;
}

.screen-finance-flex-rounded-clickable-bo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

.fin-view-targets-flex-flex-column,
#fin-view-targets.fin-view-targets-flex-flex-column {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.fin-view-targets-rounded-clickable-bold {
  width: 100%;
  padding: 12px;
  background: #1D4ED8;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(37,99,235,.3);
}

.tgt-saved-msg-none-text-center-bold-2,
#tgt-saved-msg.tgt-saved-msg-none-text-center-bold-2 {
  display: none;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #1D4ED8;
}

.screen-body-31 {
  padding: 0 0 80px;
}

.screen-body-flex-9 {
  display: flex;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.exp-tab-budget-clickable-bold,
#exp-tab-budget.exp-tab-budget-clickable-bold {
  flex: 1;
  padding: 10px 8px;
  border: none;
  border-bottom: 2.5px solid var(--g700);
  font-size: 11px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: transparent;
  color: var(--g700);
  white-space: nowrap;
  transition: all .15s;
}

.exp-tab-autobudget-clickable-bold,
#exp-tab-autobudget.exp-tab-autobudget-clickable-bold,
#exp-tab-bills.exp-tab-autobudget-clickable-bold {
  flex: 1;
  padding: 10px 8px;
  border: none;
  border-bottom: 2.5px solid transparent;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: transparent;
  color: var(--ts);
  white-space: nowrap;
  transition: all .15s;
}

.exp-panel-budget-flex {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}

.exp-scope-business-rounded-clickable-bol,
#exp-scope-business.exp-scope-business-rounded-clickable-bol,
#ab-type-employed.exp-scope-business-rounded-clickable-bol,
#stmt-scope-business.exp-scope-business-rounded-clickable-bol,
#exp-scope-business-inc.exp-scope-business-rounded-clickable-bol {
  flex: 1;
  padding: 9px 6px;
  border-radius: 10px;
  border: 1.5px solid var(--g700);
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: var(--g700);
  color: #fff;
  transition: all .15s;
}

.exp-scope-personal-rounded-clickable-bol,
#exp-scope-personal.exp-scope-personal-rounded-clickable-bol,
#stmt-scope-personal.exp-scope-personal-rounded-clickable-bol,
#exp-scope-personal-inc.exp-scope-personal-rounded-clickable-bol {
  flex: 1;
  padding: 9px 6px;
  border-radius: 10px;
  border: 1.5px solid #DDD6FE;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: transparent;
  color: var(--ts);
  transition: all .15s;
}

.exp-panel-budget-relative-rounded-gradie {
  background: linear-gradient(135deg,#0F2B5B,#2D6A4F);
  border-radius: 16px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.exp-panel-budget-absolute-circle-w80-h80 {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
}

.expherotitle-bold,
#expHeroTitle.expherotitle-bold {
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 4px;
}

.expherosub,
#expHeroSub.expherosub {
  font-size: 11px;
  color: rgba(255,255,255,.7);
  line-height: 1.5;
}

.exptotalbadge-flex-rounded,
#expTotalBadge.exptotalbadge-flex-rounded {
  display: none;
  margin-top: 10px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 10px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.exptotallbl,
#expTotalLbl.exptotallbl {
  font-size: 11px;
  color: rgba(255,255,255,.8);
  font-weight: 600;
}

.exp-panel-budget-flex-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}

.exp-panel-budget-bold,
#incChartTitle.exp-panel-budget-bold {
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
}

.exp-save-btn-flex-rounded-clickable-bold,
#exp-save-btn.exp-save-btn-flex-rounded-clickable-bold,
#inc-save-btn.exp-save-btn-flex-rounded-clickable-bold {
  width: 100%;
  padding: 14px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  letter-spacing: .01em;
  box-shadow: 0 4px 14px rgba(21,128,61,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .18s;
}

.meansbannercard-none-rounded,
#meansBannerCard.meansbannercard-none-rounded {
  border-radius: 14px;
  padding: 16px;
  margin-top: 10px;
  display: none;
}

.meansbannercard-flex {
  display: flex;
  align-items: center;
  gap: 10px;
}

.meanssub,
#meansSub.meanssub {
  font-size: 11px;
  color: rgba(255,255,255,.85);
  margin-top: 3px;
  line-height: 1.5;
}

.meanschartcard-none-rounded,
#meansChartCard.meanschartcard-none-rounded,
#bizChartCard.meanschartcard-none-rounded,
#householdSnapshotCard.meanschartcard-none-rounded,
#expZeroBasedCard.meanschartcard-none-rounded,
#incChartCard.meanschartcard-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px 16px;
  margin-top: 10px;
}

.meanschartcard-relative-h170 {
  position: relative;
  height: 170px;
}

.bizchartbanner-none-rounded,
#bizChartBanner.bizchartbanner-none-rounded,
#incChartBanner.bizchartbanner-none-rounded {
  display: none;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 10px;
}

.bizcharttitle-bold,
#bizChartTitle.bizcharttitle-bold,
#incChartBannerTitle.bizcharttitle-bold {
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 2px;
}

.bizchartsub,
#bizChartSub.bizchartsub,
#incChartBannerSub.bizchartsub {
  font-size: 11px;
  line-height: 1.5;
}

.hhstatus-rounded-bold,
#hhStatus.hhstatus-rounded-bold,
#expZbStatus.hhstatus-rounded-bold,
#stmtSummaryStatus.hhstatus-rounded-bold {
  font-size: 10px;
  font-weight: 800;
  padding: 3px 9px;
  border-radius: 20px;
}

.householdsnapshotcard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.householdsnapshotcard-text-center-rounde {
  background: #F5F3FF;
  border-radius: 9px;
  padding: 8px;
  text-align: center;
}

.householdsnapshotcard-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #7C3AED;
  margin-bottom: 2px;
}

.householdsnapshotcard-text-center-rounde-2 {
  background: #FEF3C7;
  border-radius: 9px;
  padding: 8px;
  text-align: center;
}

.householdsnapshotcard-bold-2 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #92400E;
  margin-bottom: 2px;
}

.hhnote,
#hhNote.hhnote,
#expZbNote.hhnote {
  font-size: 11px;
  color: var(--ts);
  line-height: 1.5;
  margin-top: 10px;
}

.expzerobasedcard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
}

.expzerobasedcard-text-center-rounded {
  background: #EDF5EF;
  border-radius: 9px;
  padding: 8px;
  text-align: center;
}

.expzerobasedcard-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #1A5C32;
  margin-bottom: 2px;
}

.expzerobasedcard-text-center-rounded-2 {
  background: #EFF6FF;
  border-radius: 9px;
  padding: 8px;
  text-align: center;
}

.expzerobasedcard-bold-2 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #1D4ED8;
  margin-bottom: 2px;
}

.expcoveragetracker-none-rounded,
#expCoverageTracker.expcoveragetracker-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
}

.expcoveragetracker {
  padding: 12px 14px 8px;
}

.expcoveragetracker-2,
#sensAssetMeta.expcoveragetracker-2 {
  font-size: 10px;
  color: var(--ts);
  margin-top: 1px;
}

.expcoveragestatus-rounded-bold,
#expCoverageStatus.expcoveragestatus-rounded-bold {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 20px;
  background: #FEF3C7;
  color: #92400E;
}

.expcoveragetracker-rounded-h10 {
  background: #F3F4F6;
  border-radius: 6px;
  height: 10px;
  overflow: hidden;
  margin-bottom: 8px;
}

.expcoveragebar-rounded-gradient,
#expCoverageBar.expcoveragebar-rounded-gradient {
  height: 100%;
  background: linear-gradient(90deg,#D97706,#D97706);
  border-radius: 6px;
  width: 0%;
  transition: width .6s ease;
}

.expcoveragetracker-flex {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--ts);
  margin-bottom: 10px;
}

.expcoveragetracker-text-center-rounded {
  background: #FEF2F2;
  border-radius: 9px;
  padding: 8px;
  text-align: center;
}

.expcoveragetracker-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #B91C1C;
  margin-bottom: 2px;
}

.expcoveragetarget-bold,
#expCoverageTarget.expcoveragetarget-bold {
  font-size: 12px;
  font-weight: 800;
  color: #991B1B;
}

.expsurplusnudge-none-gradient,
#expSurplusNudge.expsurplusnudge-none-gradient {
  display: none;
  background: linear-gradient(135deg,#1A5C32,#1D4ED8);
  padding: 11px 14px;
  align-items: center;
  gap: 10px;
}

.expsurplusnudge {
  font-size: 18px;
}

.expsurplusnudge-bold {
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 2px;
}

.expsurplusnudge-2 {
  font-size: 10px;
  color: rgba(255,255,255,.8);
  line-height: 1.5;
}

.expsurplusnudge-rounded-clickable-bold {
  flex-shrink: 0;
  padding: 7px 11px;
  background: rgba(255,255,255,.2);
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 9px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  white-space: nowrap;
}

.expprofitbridge-none,
#expProfitBridge.expprofitbridge-none,
#debtSimPanel.expprofitbridge-none {
  display: none;
  margin-top: 10px;
}

.expprofitbridge-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px;
}

.expprofitbridge-flex-flex-column,
#autoPlanList.expprofitbridge-flex-flex-column,
#sourceReferenceList.expprofitbridge-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.expbridgerev-bold,
#expBridgeRev.expbridgerev-bold,
#stmtStatusMsg.expbridgerev-bold {
  font-size: 13px;
  font-weight: 700;
  color: var(--g700);
}

.expprofitbridge-h1 {
  height: 1px;
  background: var(--border);
}

.expbridgenet-bold,
#expBridgeNet.expbridgenet-bold {
  font-size: 16px;
  font-weight: 800;
}

.exp-panel-bills-none-flex-column,
#exp-panel-bills.exp-panel-bills-none-flex-column {
  display: none;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

.billsfilterall-rounded-clickable-bold,
#billsFilterAll.billsfilterall-rounded-clickable-bold {
  flex: 1;
  padding: 7px 6px;
  border-radius: 9px;
  border: 1.5px solid var(--g700);
  font-size: 10px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: var(--g700);
  color: #fff;
}

.billsfilterbusiness-rounded-clickable-bo,
#billsFilterBusiness.billsfilterbusiness-rounded-clickable-bo,
#billsFilterPersonal.billsfilterbusiness-rounded-clickable-bo {
  flex: 1;
  padding: 7px 6px;
  border-radius: 9px;
  border: 1.5px solid var(--border);
  font-size: 10px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: transparent;
  color: var(--ts);
}

.exp-panel-bills-flex-rounded-clickable-b {
  width: 100%;
  padding: 12px;
  background: transparent;
  border: 1.5px dashed var(--g400);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  color: var(--g700);
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.billformcard-none-rounded,
#billFormCard.billformcard-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--g400);
  border-radius: 14px;
  padding: 14px;
}

.exp-panel-autobudget-none-flex-column,
#exp-panel-autobudget.exp-panel-autobudget-none-flex-column {
  display: none;
  flex-direction: column;
  gap: 0;
  padding: 16px 16px 80px;
}

.exp-panel-autobudget-relative-rounded-gr {
  background: linear-gradient(135deg,#0F2B5B,#2D6A4F);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden;
}

.exp-panel-autobudget-bold {
  font-size: 11px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 6px;
}

.ab-type-self-rounded-clickable-bold,
#ab-type-self.ab-type-self-rounded-clickable-bold {
  flex: 1;
  padding: 9px 6px;
  border-radius: 10px;
  border: 1.5px solid var(--border);
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: transparent;
  color: var(--ts);
  transition: all .15s;
}

.ab-self-note-none-rounded,
#ab-self-note.ab-self-note-none-rounded {
  display: none;
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 11px;
  color: #92400E;
  line-height: 1.6;
  margin-bottom: 12px;
}

.ab-gross-rounded-bold,
#ab-gross.ab-gross-rounded-bold {
  width: 100%;
  padding: 12px 14px;
  border: 1.5px solid var(--border);
  border-radius: 11px;
  font-size: 15px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  margin-bottom: 14px;
  box-sizing: border-box;
}

.exp-panel-autobudget-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 5px;
  margin-bottom: 16px;
}

.ab-age-btn-text-center-rounded-clickable {
  padding: 7px 2px;
  border: 1.5px solid var(--g700);
  border-radius: 9px;
  background: var(--g700);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  text-align: center;
}

.ab-age-btn-text-center-rounded-clickable-2 {
  padding: 7px 2px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  background: transparent;
  color: var(--ts);
  font-size: 10px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  text-align: center;
}

.ab-results-bold {
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 8px;
}

.ab-results-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 14px;
}

.ab-results-flex,
#ab-paye-row.ab-results-flex {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  border-bottom: 1px solid var(--border);
}

.ab-t-paye-bold,
#ab-t-paye.ab-t-paye-bold,
#ab-t-nssf.ab-t-paye-bold,
#ab-t-shif.ab-t-paye-bold,
#ab-t-ahl.ab-t-paye-bold {
  font-size: 13px;
  font-weight: 700;
  color: #B91C1C;
}

.ab-results-flex-2 {
  display: flex;
  justify-content: space-between;
  padding: 6px 0 2px;
}

.ab-results-flex-rounded {
  background: #EDF5EF;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ab-results-bold-2 {
  font-size: 11px;
  font-weight: 800;
  color: #1A5C32;
}

.ab-t-eff,
#ab-t-eff.ab-t-eff {
  font-size: 10px;
  color: #1A5C32;
}

.ab-t-net-bold,
#ab-t-net.ab-t-net-bold {
  font-size: 17px;
  font-weight: 800;
  color: #1A5C32;
}

.ab-cat-list-flex-flex-column,
#ab-cat-list.ab-cat-list-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.ab-results-rounded-clickable-bold-gradie {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg,var(--g700),var(--g800));
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  margin-bottom: 10px;
}

.ab-results-text-center {
  font-size: 10px;
  color: var(--ts);
  text-align: center;
  line-height: 1.6;
  padding: 0 8px;
}

.screen-body-flex-flex-column-5 {
  padding: 16px 16px 80px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.screen-body-relative-rounded-gradient-4 {
  background: linear-gradient(135deg,#0F2B5B,#1D4ED8);
  border-radius: 16px;
  padding: 16px 18px;
  position: relative;
  overflow: hidden;
}

.screen-body-absolute-circle-w90-h90 {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
}

.screen-body-bold-26 {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin-bottom: 5px;
}

.screen-body-bold-27 {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 6px;
  line-height: 1.3;
}

.screen-body-32 {
  font-size: 12px;
  color: rgba(255,255,255,.8);
  line-height: 1.7;
  margin-bottom: 12px;
}

.screen-body-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}

.screen-body-text-center-rounded-3 {
  background: rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 9px 8px;
  text-align: center;
}

.screen-body-33 {
  font-size: 18px;
  margin-bottom: 3px;
}

.screen-body-bold-28 {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}

.screen-body-rounded-8 {
  background: rgba(255,255,255,.12);
  border-radius: 10px;
  padding: 9px 12px;
  font-size: 11px;
  color: rgba(255,255,255,.9);
  line-height: 1.6;
}

.exp-panel-statement-flex-flex-column,
#exp-panel-statement.exp-panel-statement-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.exp-panel-statement-text-center-rounded {
  background: var(--surface);
  border: 1.5px dashed var(--g400);
  border-radius: 14px;
  padding: 20px 16px;
  text-align: center;
}

.exp-panel-statement {
  font-size: 28px;
  margin-bottom: 8px;
}

.exp-panel-statement-bold {
  font-size: 14px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 6px;
}

.exp-panel-statement-2 {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.65;
  margin-bottom: 14px;
}

.exp-panel-statement-inline-block-rounded {
  display: inline-block;
  padding: 11px 20px;
  background: var(--surface);
  color: var(--g700);
  border: 1.5px solid var(--g400);
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.stmtfilename,
#stmtFileName.stmtfilename {
  margin-top: 8px;
  font-size: 11px;
  color: var(--ts);
}

.stmtprocessbtn-none-rounded-clickable-bo,
#stmtProcessBtn.stmtprocessbtn-none-rounded-clickable-bo {
  display: none;
  margin-top: 12px;
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg,var(--g700),var(--g800));
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.exp-panel-statement-text-center-rounded- {
  background: linear-gradient(135deg,#1A5C32,#2E8B4A);
  border-radius: 14px;
  padding: 18px 16px;
  text-align: center;
}

.exp-panel-statement-bold-2 {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 6px;
}

.exp-panel-statement-3 {
  font-size: 12px;
  color: rgba(255,255,255,.85);
  line-height: 1.65;
  margin-bottom: 14px;
}

.exp-panel-statement-rounded-clickable-bo {
  padding: 11px 24px;
  background: #fff;
  color: #1A5C32;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.exp-panel-statement-text-center-rounded-2 {
  background: var(--surface);
  border: 1.5px dashed #9CC8A9;
  border-radius: 14px;
  padding: 18px 16px;
  text-align: center;
}

.exp-panel-statement-rounded-clickable-bo-2 {
  padding: 11px 20px;
  background: #EDF5EF;
  color: #1A5C32;
  border: 1.5px solid #9CC8A9;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.smsimportformcard-none-text-left,
#smsImportFormCard.smsimportformcard-none-text-left {
  display: none;
  margin-top: 14px;
  text-align: left;
}

.stmtprocessing-none-text-center-rounded,
#stmtProcessing.stmtprocessing-none-text-center-rounded {
  display: none;
  background: #EDF5EF;
  border: 1.5px solid #9CC8A9;
  border-radius: 12px;
  padding: 14px;
  text-align: center;
}

.stmtprocessing-inline-block {
  font-size: 20px;
  margin-bottom: 6px;
  animation: spin 1.5s linear infinite;
  display: inline-block;
}

.stmtprocessing {
  font-size: 11px;
  color: var(--ts);
  margin-top: 4px;
}

.exp-panel-statement-flex-rounded-clickab {
  width: 100%;
  padding: 12px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 13px;
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .15s;
}

.stmtsummaryhero-rounded-gradient,
#stmtSummaryHero.stmtsummaryhero-rounded-gradient {
  background: linear-gradient(135deg,#0F2B1A,#1D4ED8);
  border-radius: 14px;
  padding: 16px;
  color: #fff;
}

.stmtsummaryhero-bold {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .65;
  margin-bottom: 8px;
}

.stmtsummaryhero {
  font-size: 9px;
  opacity: .65;
  margin-bottom: 2px;
}

.stmttotalin-bold,
#stmtTotalIn.stmttotalin-bold {
  font-size: 18px;
  font-weight: 800;
  color: #2E8B4A;
}

.stmttotalout-bold,
#stmtTotalOut.stmttotalout-bold {
  font-size: 18px;
  font-weight: 800;
  color: #FECACA;
}

.stmtnet-bold,
#stmtNet.stmtnet-bold,
#stmtCount.stmtnet-bold {
  font-size: 18px;
  font-weight: 800;
}

.stmtsummarycard-rounded,
#stmtSummaryCard.stmtsummarycard-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px 16px;
}

.stmtsummarycard-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  margin-bottom: 12px;
}

.stmtsummarycard-text-center-rounded {
  background: #EFF6FF;
  border-radius: 9px;
  padding: 9px;
  text-align: center;
}

.stmtsummarycard-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #1D4ED8;
  margin-bottom: 2px;
}

.stmtsummarybudget-bold,
#stmtSummaryBudget.stmtsummarybudget-bold {
  font-size: 13px;
  font-weight: 800;
  color: #1D4ED8;
}

.stmtsummarycard-text-center-rounded-2 {
  background: #F9FAFB;
  border-radius: 9px;
  padding: 9px;
  text-align: center;
}

.stmtsummarycard-bold-2 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ts);
  margin-bottom: 2px;
}

.stmtsummarycard-text-center-rounded-3 {
  background: #EDF5EF;
  border-radius: 9px;
  padding: 9px;
  text-align: center;
}

.stmtsummarycard-bold-3 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #1A5C32;
  margin-bottom: 2px;
}

.stmtsummaryvariance-bold,
#stmtSummaryVariance.stmtsummaryvariance-bold {
  font-size: 13px;
  font-weight: 800;
}

.stmtsummarycard-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--border);
}

.stmtsummarycard {
  font-size: 10.5px;
  color: var(--ts);
}

.stmtfreshnessdot-inline-block-circle-w6-,
#stmtFreshnessDot.stmtfreshnessdot-inline-block-circle-w6- {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 5px;
}

.stmtfreshnesslabel,
#stmtFreshnessLabel.stmtfreshnesslabel {
  color: var(--tp);
}

.stmtsummarycard-rounded-clickable-bold {
  flex-shrink: 0;
  font-size: 10.5px;
  font-weight: 700;
  color: #1A5C32;
  background: #EDF5EF;
  border: 1px solid #EDF5EF;
  border-radius: 8px;
  padding: 5px 10px;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  white-space: nowrap;
}

.variancepulsecard-relative-rounded-gradi,
#variancePulseCard.variancepulsecard-relative-rounded-gradi {
  background: linear-gradient(160deg,#0F2D1A,#1B4F38);
  border-radius: 18px;
  padding: 18px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.variancepulsecard-absolute-circle-w120-h {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255,255,255,.05);
}

.variancepulsecard-flex-relative {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

.variancepulsecard-relative-w64-h64 {
  position: relative;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}

.variancepulsecard {
  transform: rotate(-90deg);
}

.variancepulsepct-flex-absolute-bold,
#variancePulsePct.variancepulsepct-flex-absolute-bold {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
  color: #fff;
}

.variancepulseheadline-bold,
#variancePulseHeadline.variancepulseheadline-bold {
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  line-height: 1.35;
  margin-bottom: 3px;
}

.variancepulsesub,
#variancePulseSub.variancepulsesub {
  font-size: 11px;
  color: rgba(255,255,255,.75);
  line-height: 1.5;
}

.variancepulsefocus-none-relative-rounded,
#variancePulseFocus.variancepulsefocus-none-relative-rounded {
  display: none;
  background: rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 11px 13px;
  position: relative;
  z-index: 1;
}

.variancepulsefocus-bold {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 4px;
}

.variancepulsefocustext,
#variancePulseFocusText.variancepulsefocustext {
  font-size: 12px;
  color: #fff;
  line-height: 1.55;
  font-weight: 600;
}

.variancechartcard-none-rounded,
#varianceChartCard.variancechartcard-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px 14px 8px;
}

.variancechartcard-flex {
  display: flex;
  gap: 5px;
}

.varcharttoggleexp-rounded-clickable-bold,
#varChartToggleExp.varcharttoggleexp-rounded-clickable-bold {
  padding: 4px 9px;
  border-radius: 20px;
  border: 1.5px solid var(--g700);
  background: var(--g700);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.varcharttoggleinc-rounded-clickable-bold,
#varChartToggleInc.varcharttoggleinc-rounded-clickable-bold {
  padding: 4px 9px;
  border-radius: 20px;
  border: 1.5px solid var(--border);
  background: transparent;
  color: var(--ts);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.variancechartcard-relative-h220 {
  position: relative;
  height: 220px;
}

.stmtoverspendalert-none-rounded-gradient,
#stmtOverspendAlert.stmtoverspendalert-none-rounded-gradient {
  display: none;
  background: linear-gradient(135deg,#78350F,#D97706);
  border-radius: 14px;
  padding: 14px 16px;
  color: #fff;
}

.stmtincomeanalysis-rounded,
#stmtIncomeAnalysis.stmtincomeanalysis-rounded,
#stmtBudgetAnalysis.stmtincomeanalysis-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
}

.stmtincomeanalysis-flex {
  padding: 12px 14px;
  background: #EDF5EF;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stmtincomeanalysis {
  padding: 10px 14px;
  font-size: 11px;
  color: var(--ts);
  line-height: 1.6;
}

.stmtincomeanalysis-2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  min-width: 320px;
}

.stmtincomeanalysis-3,
#screen-revenue.stmtincomeanalysis-3 {
  background: #F9FAFB;
}

.stmtincomeanalysis-text-left-bold {
  padding: 8px 12px;
  text-align: left;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ts);
}

.stmtincomeanalysis-text-right-bold {
  padding: 8px 10px;
  text-align: right;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ts);
}

.stmtbudgetanalysis-flex {
  padding: 12px 14px;
  background: var(--g50);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.stmtresults-flex-rounded-clickable {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  cursor: pointer;
  background: var(--surface);
  border: 1.5px dashed var(--border);
  border-radius: 12px;
}

.stmtresults-bold {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--ts);
}

.stmtmoredetailschev,
#stmtMoreDetailsChev.stmtmoredetailschev,
#valGlossaryChev.stmtmoredetailschev {
  transition: transform .2s;
  color: var(--ts);
  font-size: 11px;
}

.stmttrendcard-none-rounded,
#stmtTrendCard.stmttrendcard-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  margin-top: 10px;
}

.stmttrendrows,
#stmtTrendRows.stmttrendrows {
  padding: 2px 0;
}

.stmtmoredetailsbody-rounded,
#stmtCalendarCard.stmtmoredetailsbody-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  margin-top: 10px;
}

.stmtfilterall-rounded-clickable-bold,
#stmtFilterAll.stmtfilterall-rounded-clickable-bold {
  padding: 3px 8px;
  border-radius: 20px;
  border: 1.5px solid var(--g700);
  background: var(--g700);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.stmtfilterin-rounded-clickable-bold,
#stmtFilterIn.stmtfilterin-rounded-clickable-bold,
#stmtFilterOut.stmtfilterin-rounded-clickable-bold {
  padding: 3px 8px;
  border-radius: 20px;
  border: 1.5px solid var(--border);
  background: transparent;
  color: var(--ts);
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.stmttxnlist,
#stmtTxnList.stmttxnlist {
  max-height: 320px;
  overflow-y: auto;
}

.stmtcalgrid,
#stmtCalGrid.stmtcalgrid {
  padding: 10px 12px;
}

.stmtcaldaydetail-none,
#stmtCalDayDetail.stmtcaldaydetail-none {
  display: none;
  border-top: 1px solid var(--border);
  padding: 10px 14px;
}

.stmtresults-rounded {
  background: #EDF5EF;
  border: 1.5px solid #9CC8A9;
  border-radius: 12px;
  padding: 14px;
}

.stmtresults-bold-2 {
  font-size: 12px;
  font-weight: 700;
  color: var(--g800);
  margin-bottom: 6px;
}

.stmtresults {
  font-size: 11px;
  color: var(--ts);
  margin-bottom: 12px;
  line-height: 1.6;
}

.stmtresults-flex-rounded-clickable-bold {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,var(--g700),var(--g800));
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.stmtresults-clickable {
  width: 100%;
  margin-top: 8px;
  padding: 10px;
  background: transparent;
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--ts);
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.screen-body-flex-10 {
  display: flex;
  gap: 6px;
  margin-bottom: 2px;
}

.screen-body-relative-rounded-gradient-5 {
  background: linear-gradient(135deg,#1A5C32,#1D4ED8);
  border-radius: 16px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.screen-revenue-flex-flex-column {
  flex: 1;
  overflow-y: auto;
  padding: 14px 14px 80px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.screen-revenue-rounded-gradient {
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  border-radius: 14px;
  padding: 16px;
}

.screen-revenue-bold {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  margin-bottom: 4px;
}

.screen-revenue-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.screen-revenue-bold-2 {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 2px;
}

.rev-report-period,
#rev-report-period.rev-report-period {
  font-size: 12px;
  color: rgba(255,255,255,.8);
}

.screen-revenue-flex-rounded-clickable-bo {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 13px;
  background: rgba(255,255,255,.2);
  border: 1.5px solid rgba(255,255,255,.35);
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.screen-revenue-flex-rounded {
  background: var(--surface);
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.screen-revenue-flex-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  background: var(--g50);
  border-bottom: 1px solid var(--border);
}

.screen-revenue-grid {
  display: grid;
  grid-template-columns: 1fr 80px 80px 70px;
  gap: 0;
  padding: 7px 14px;
  background: var(--g50);
  border-bottom: 1px solid var(--border);
}

.screen-revenue-bold-3 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
}

.screen-revenue-text-right-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  text-align: right;
}

.rev-team-targets-flex-flex-column,
#rev-team-targets.rev-team-targets-flex-flex-column {
  display: flex;
  flex-direction: column;
}

.rev-team-targets-text-center {
  text-align: center;
  padding: 16px;
  font-size: 12px;
  color: var(--ts);
  font-style: italic;
}

.rev-team-totals-grid,
#rev-team-totals.rev-team-totals-grid {
  display: none;
  padding: 10px 14px;
  background: var(--g50);
  border-top: 1.5px solid var(--g200);
  display: grid;
  grid-template-columns: 1fr 80px 80px 70px;
  gap: 0;
  align-items: center;
}

.rev-team-totals-bold {
  font-size: 11px;
  font-weight: 800;
  color: var(--tp);
}

.rev-total-target-text-right-bold,
#rev-total-target.rev-total-target-text-right-bold {
  font-size: 12px;
  font-weight: 800;
  color: var(--g700);
  text-align: right;
}

.rev-total-actual-text-right-bold,
#rev-total-actual.rev-total-actual-text-right-bold {
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
  text-align: right;
}

.rev-total-pct-text-right-bold,
#rev-total-pct.rev-total-pct-text-right-bold {
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

.screen-revenue-text-center {
  font-size: 10px;
  color: var(--ts);
  text-align: center;
  padding: 4px 0;
}

.screen-revenue-rounded {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 14px;
  margin-top: 4px;
}

.screen-revenue-bold-4 {
  font-size: 13px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 4px;
}

.screen-revenue {
  font-size: 11px;
  color: var(--ts);
  margin-bottom: 12px;
}

.screen-revenue-bold-5 {
  font-size: 10px;
  font-weight: 700;
  color: var(--ts);
  margin-bottom: 4px;
}

.bep-rl-select-rounded,
#bep-rl-select.bep-rl-select-rounded,
#bep-fixed.bep-rl-select-rounded,
#bep-price.bep-rl-select-rounded,
#bep-cost.bep-rl-select-rounded,
#mpesa-expected.bep-rl-select-rounded,
#mpesa-received.bep-rl-select-rounded,
#mpesa-charges.bep-rl-select-rounded,
#tax-employment.bep-rl-select-rounded,
#tax-business.bep-rl-select-rounded,
#tax-nssf.bep-rl-select-rounded {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: var(--surface);
}

.bep-rl-summary-none-rounded,
#bep-rl-summary.bep-rl-summary-none-rounded {
  display: none;
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 10px;
  padding: 9px 11px;
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--g700);
  line-height: 1.6;
}

.bep-fixed-hint-none,
#bep-fixed-hint.bep-fixed-hint-none,
#bep-price-hint.bep-fixed-hint-none,
#bep-cost-hint.bep-fixed-hint-none {
  display: none;
  font-size: 9.5px;
  color: var(--ts);
  margin-top: 4px;
}

.bep-result-none-text-center-rounded-grad,
#bep-result.bep-result-none-text-center-rounded-grad {
  display: none;
  margin-top: 12px;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  border-radius: 12px;
  padding: 14px;
  color: #fff;
  text-align: center;
}

.bep-result {
  font-size: 11px;
  opacity: .75;
  margin-bottom: 4px;
}

.bep-units-bold,
#bep-units.bep-units-bold {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -1px;
}

.bep-result-2 {
  font-size: 11px;
  opacity: .75;
  margin-top: 2px;
}

.bep-revenue-rounded,
#bep-revenue.bep-revenue-rounded {
  margin-top: 8px;
  font-size: 12px;
  background: rgba(255,255,255,.15);
  border-radius: 8px;
  padding: 6px 10px;
}

.bep-loss-warn-none-rounded,
#bep-loss-warn.bep-loss-warn-none-rounded {
  display: none;
  margin-top: 10px;
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 12px;
  color: #92400E;
  font-weight: 600;
}

.bep-no-products-warn-none-rounded,
#bep-no-products-warn.bep-no-products-warn-none-rounded {
  display: none;
  margin-top: 10px;
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 11px;
  color: #92400E;
}

.screen-body-34 {
  padding: 14px 14px 80px;
}

.screen-body-flex-rounded-4 {
  display: flex;
  gap: 6px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 4px;
}

.fin-sec-cashflow-rounded-clickable-bold,
#fin-sec-cashflow.fin-sec-cashflow-rounded-clickable-bold {
  flex: 1;
  padding: 8px 4px;
  border: none;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  background: var(--g700);
  color: #fff;
}

.fin-sec-payables-rounded-clickable-bold,
#fin-sec-payables.fin-sec-payables-rounded-clickable-bold,
#fin-sec-payroll.fin-sec-payables-rounded-clickable-bold,
#fin-sec-mpesa.fin-sec-payables-rounded-clickable-bold {
  flex: 1;
  padding: 8px 4px;
  border: none;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  background: transparent;
  color: var(--ts);
}

.fin-panel-cashflow-flex-gradient {
  background: linear-gradient(135deg,#1A5C32,#1A5C32);
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fin-panel-cashflow,
#toastSub.fin-panel-cashflow {
  font-size: 10px;
  color: rgba(255,255,255,.75);
  margin-top: 1px;
}

.fin-panel-cashflow-rounded-clickable-bol {
  padding: 6px 12px;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.fin-panel-cashflow-2 {
  padding: 12px 14px;
}

.fin-panel-payables-none-flex-column,
#fin-panel-payables.fin-panel-payables-none-flex-column,
#fin-panel-payroll.fin-panel-payables-none-flex-column,
#fin-panel-mpesa.fin-panel-payables-none-flex-column {
  display: none;
  flex-direction: column;
  gap: 10px;
}

.fin-panel-payables-flex-gradient {
  background: linear-gradient(135deg,#D97706,#92400E);
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.payables-list-flex-flex-column,
#payables-list.payables-list-flex-flex-column,
#payroll-list.payables-list-flex-flex-column,
#debt-list.payables-list-flex-flex-column {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.payables-footer-flex,
#payables-footer.payables-footer-flex {
  display: none;
  background: #FEF3C7;
  border-top: 1px solid #FCD34D;
  padding: 11px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payables-footer {
  font-size: 11px;
  color: #92400E;
  font-weight: 600;
}

.payables-total-bold,
#payables-total.payables-total-bold {
  font-size: 16px;
  font-weight: 800;
  color: #D97706;
}

.fin-panel-payroll-flex-gradient {
  background: linear-gradient(135deg,#1D4ED8,#1D4ED8);
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.payroll-footer-none,
#payroll-footer.payroll-footer-none {
  display: none;
  background: #EFF6FF;
  border-top: 1px solid #BFDBFE;
  padding: 11px 14px;
}

.payroll-footer-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.payroll-footer {
  font-size: 11px;
  color: #1D4ED8;
  font-weight: 600;
}

.payroll-gross-bold,
#payroll-gross.payroll-gross-bold {
  font-size: 15px;
  font-weight: 800;
  color: #1D4ED8;
}

.payroll-footer-flex-2 {
  display: flex;
  justify-content: space-between;
}

.payroll-footer-2 {
  font-size: 11px;
  color: #6B7280;
}

.payroll-deductions-bold,
#payroll-deductions.payroll-deductions-bold {
  font-size: 13px;
  font-weight: 700;
  color: #6B7280;
}

.fin-panel-mpesa-gradient {
  background: linear-gradient(135deg,#2E8B4A,#10B981);
  padding: 13px 16px;
}

.fin-panel-mpesa-flex-flex-column {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fin-panel-mpesa-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
  margin-bottom: 5px;
}

.mpesa-result-none-rounded,
#mpesa-result.mpesa-result-none-rounded {
  display: none;
  border-radius: 12px;
  overflow: hidden;
}

.mpesa-result-grid-gradient {
  background: linear-gradient(135deg,#2E8B4A,#10B981);
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.mpesa-result-text-center-rounded {
  background: rgba(255,255,255,.12);
  border-radius: 9px;
  padding: 10px;
  text-align: center;
}

.mpesa-result {
  font-size: 9px;
  color: rgba(255,255,255,.7);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 3px;
}

.mpesa-net-bold,
#mpesa-net.mpesa-net-bold,
#mpesa-gap.mpesa-net-bold {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}

.mpesa-status-text-center,
#mpesa-status.mpesa-status-text-center {
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.fin-panel-mpesa-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.fin-panel-mpesa-bold-2 {
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
}

.fin-panel-mpesa-rounded-clickable-bold {
  padding: 5px 11px;
  background: #2E8B4A;
  color: #fff;
  border: none;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.mpesa-txn-list-text-center {
  text-align: center;
  padding: 12px;
  font-size: 11px;
  color: var(--ts);
  font-style: italic;
}

.screen-biz-coach-flex-column,
#screen-biz-coach.screen-biz-coach-flex-column,
#screen-biz-experience.screen-biz-coach-flex-column,
#screen-biz-profile.screen-biz-coach-flex-column,
#screen-biz-team.screen-biz-coach-flex-column,
#screen-biz-password.screen-biz-coach-flex-column,
#screen-biz-moneyrun.screen-biz-coach-flex-column,
#screen-biz-appinfo.screen-biz-coach-flex-column,
#screen-biz-admin.screen-biz-coach-flex-column {
  flex-direction: column;
  overflow: hidden;
}

.screen-body-35 {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 80px;
}

.screen-body-flex-flex-column-6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0;
}

.screen-body-relative-rounded-gradient-6 {
  background: linear-gradient(160deg,#071a0e,var(--g800,#1A5C32));
  border-radius: 20px;
  padding: 20px 22px 22px;
  position: relative;
  box-shadow: 0 4px 20px rgba(15,43,26,.4);
}

.screen-body-absolute-circle-w140-h140 {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 140px;
  height: 140px;
  background: rgba(255,255,255,.07);
  border-radius: 50%;
}

.screen-body-absolute-circle-w100-h100-3 {
  position: absolute;
  bottom: -30px;
  left: -15px;
  width: 100px;
  height: 100px;
  background: rgba(255,255,255,.04);
  border-radius: 50%;
}

.screen-body-flex-relative-3 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  z-index: 1;
}

.acc-profile-initials-flex-circle-bold-w5,
#acc-profile-initials.acc-profile-initials-flex-circle-bold-w5 {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,.22);
  border: 2.5px solid rgba(255,255,255,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
}

.acc-profile-name-bold,
#acc-profile-name.acc-profile-name-bold {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.2px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.acc-profile-sub,
#acc-profile-sub.acc-profile-sub {
  font-size: 12px;
  color: rgba(255,255,255,.85);
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.screen-body-inline-flex-rounded-bold {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,.18);
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
}

.screen-body-inline-block-circle-w6-h6 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9CC8A9;
  display: inline-block;
  flex-shrink: 0;
}

.screen-body-flex-rounded-clickable-gradi-2 {
  cursor: pointer;
  background: linear-gradient(160deg,#0a2016,#1A5C32);
  border-radius: 18px;
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 4px 16px rgba(15,43,26,.3);
  display: flex;
  align-items: center;
  gap: 12px;
}

.screen-body-36 {
  font-size: 22px;
  flex-shrink: 0;
}

.screen-body-bold-29 {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ts);
  padding: 8px 2px 2px;
}

.screen-body-flex-rounded-5 {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.screen-body-flex-rounded-w32-h32 {
  width: 32px;
  height: 32px;
  background: var(--g50);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.header-currency-sel-rounded-clickable-bo,
#header-currency-sel.header-currency-sel-rounded-clickable-bo {
  appearance: none;
  -webkit-appearance: none;
  background: var(--g50);
  border: 1.5px solid var(--g200);
  border-radius: 20px;
  padding: 5px 28px 5px 10px;
  font-size: 11px;
  font-weight: 700;
  color: var(--g700);
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  outline: none;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%226%22 viewBox=%220 0 10 6%22%3E%3Cpath d=%22M1 1l4 4 4-4%22 stroke=%22%231A5C32%22 stroke-width=%221.5%22 fill=%22none%22 stroke-linecap=%22round%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 8px center;
}

.screen-body-flex-rounded-clickable {
  cursor: pointer;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.screen-body-flex-rounded-w32-h32-2 {
  width: 32px;
  height: 32px;
  background: #FEF3C7;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.screen-body-flex-rounded-w32-h32-3 {
  width: 32px;
  height: 32px;
  background: #F3F4F6;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.settings-dark-toggle-relative-rounded-cl,
#settings-dark-toggle.settings-dark-toggle-relative-rounded-cl {
  width: 44px;
  height: 24px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  position: relative;
  background: var(--border);
  transition: background .2s;
  padding: 0;
}

.settings-dark-thumb-block-absolute-circl,
#settings-dark-thumb.settings-dark-thumb-block-absolute-circl {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  transition: transform .2s;
  display: block;
}

.rep-names-header-flex-rounded-clickable,
#rep-names-header.rep-names-header-flex-rounded-clickable {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: border-color .15s;
  user-select: none;
}

.rep-names-header-flex {
  display: flex;
  align-items: center;
  gap: 9px;
}

.rep-names-avatars-flex,
#rep-names-avatars.rep-names-avatars-flex {
  display: flex;
  gap: -4px;
}

.rep-names-chevron,
#rep-names-chevron.rep-names-chevron {
  transition: transform .2s;
  flex-shrink: 0;
}

.rep-names-body-none-rounded,
#rep-names-body.rep-names-body-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 0 15px 15px;
}

.rep-names-body {
  padding-top: 12px;
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--ts);
  line-height: 1.55;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.rep-names-body-flex-rounded-clickable-bo {
  margin-top: 12px;
  width: 100%;
  padding: 11px;
  background: var(--g50);
  border: 1.5px dashed var(--g400);
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  color: var(--g700);
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.add-user-panel-none-rounded,
#add-user-panel.add-user-panel-none-rounded {
  display: none;
  margin-top: 10px;
  background: #F9FAFB;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 14px;
}

.add-user-panel-bold {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ts);
  margin-bottom: 4px;
}

.new-user-name-rounded,
#new-user-name.new-user-name-rounded,
#new-user-pwd.new-user-name-rounded,
#new-user-role.new-user-name-rounded {
  width: 100%;
  padding: 9px 11px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: #fff;
}

.add-user-panel-flex {
  display: flex;
  gap: 8px;
  margin-top: 2px;
}

.add-user-panel-rounded-clickable {
  padding: 11px 14px;
  background: #F3F4F6;
  color: var(--ts);
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.screen-body-rounded-9 {
  background: var(--surface);
  border-radius: 16px;
  padding: 18px;
  border: 1px solid var(--border);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.screen-body-flex-11 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
}

.cp-current-rounded,
#cp-current.cp-current-rounded,
#cp-new.cp-current-rounded,
#cp-confirm.cp-current-rounded {
  width: 100%;
  padding: 10px 40px 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.cp-eye-1-absolute-clickable,
#cp-eye-1.cp-eye-1-absolute-clickable,
#cp-eye-2.cp-eye-1-absolute-clickable,
#cp-eye-3.cp-eye-1-absolute-clickable {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--ts);
  padding: 0;
  line-height: 1;
}

.cp-msg-none-rounded,
#cp-msg.cp-msg-none-rounded {
  display: none;
  font-size: 12px;
  padding: 9px 12px;
  border-radius: 9px;
  font-weight: 500;
}

.screen-body-rounded-clickable-bold-4 {
  width: 100%;
  padding: 12px;
  background: var(--g700);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.screen-body-rounded-10 {
  margin-top: 12px;
  padding: 10px 12px;
  background: #F9FAFB;
  border-radius: 9px;
  font-size: 11px;
  color: var(--ts);
  line-height: 1.6;
}

.screen-body-flex-12 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}

.screen-body-flex-rounded-w32-h32-4 {
  width: 32px;
  height: 32px;
  background: #FEF2F2;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.screen-body-37 {
  font-size: 11px;
  color: var(--ts);
  line-height: 1.6;
  margin-bottom: 14px;
}

.screen-body-rounded-11 {
  background: var(--surface);
  border-radius: 16px;
  padding: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.screen-body-bold-30 {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ts);
  margin-bottom: 11px;
}

.screen-body-flex-13 {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
  border-bottom: 1px solid #F3F4F6;
  font-size: 12px;
}

.screen-body-38 {
  color: var(--ts);
}

.screen-body-39 {
  font-weight: 600;
  color: var(--tp);
}

.screen-body-40 {
  font-weight: 600;
  color: var(--teal);
}

.screen-body-flex-14 {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
  font-size: 12px;
}

.admin-users-list-text-center {
  text-align: center;
  padding: 24px;
  color: var(--ts);
  font-size: 12px;
}

.journeytoast-none-gradient,
#journeyToast.journeytoast-none-gradient {
  display: none;
  flex-shrink: 0;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  padding: 10px 14px;
  animation: slideUp .3s ease;
}

.journeytoast-flex {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  min-width: 0;
}

.toasticon-flex-rounded-w28-h28,
#toastIcon.toasticon-flex-rounded-w28-h28 {
  width: 28px;
  height: 28px;
  background: rgba(255,255,255,.18);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.journeytoast {
  min-width: 0;
}

.toasttitle-bold,
#toastTitle.toasttitle-bold {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
}

.toastbtn-rounded-clickable-bold,
#toastBtn.toastbtn-rounded-clickable-bold {
  flex-shrink: 0;
  padding: 6px 12px;
  background: #fff;
  color: var(--g800);
  border: none;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  white-space: nowrap;
}

.journeytoast-rounded-h3 {
  margin-top: 8px;
  height: 3px;
  background: rgba(255,255,255,.2);
  border-radius: 2px;
  overflow: hidden;
}

.toastprogress-rounded,
#toastProgress.toastprogress-rounded {
  height: 100%;
  background: rgba(255,255,255,.7);
  border-radius: 2px;
  transition: width 0s linear;
  width: 0%;
}

.screen-body-41 {
  padding: 12px 16px 80px;
}

.freetiernotice-none-rounded,
#freeTierNotice.freetiernotice-none-rounded {
  display: none;
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  border-radius: 11px;
  padding: 9px 12px;
}

.screen-body-rounded-12 {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 14px 15px;
}

.screen-body-flex-bold {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.screen-body-42 {
  font-size: 11px;
  color: var(--ts);
  margin-bottom: 5px;
}

.screen-body-43 {
  font-size: 10px;
  color: var(--ts);
  margin-bottom: 8px;
  line-height: 1.5;
  opacity: .85;
}

.agerangeselect-rounded-clickable,
#ageRangeSelect.agerangeselect-rounded-clickable {
  width: 100%;
  padding: 10px 36px 10px 13px;
  border: 1.5px solid var(--border);
  border-radius: 11px;
  font-size: 14px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
  background: var(--surface);
  appearance: none;
  cursor: pointer;
}

.agebucketbadge-flex-rounded,
#ageBucketBadge.agebucketbadge-flex-rounded {
  display: none;
  margin-top: 11px;
  padding: 10px 13px;
  background: var(--g50);
  border: 1.5px solid var(--g200);
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.agebucketlabel-bold,
#ageBucketLabel.agebucketlabel-bold {
  font-size: 14px;
  font-weight: 800;
  color: var(--g700);
}

.agebucketbadge-clickable {
  font-size: 10px;
  color: var(--ts);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  font-family: DM Sans,sans-serif;
}

.addinvtogglebtn-flex-rounded-clickable-g,
#addInvToggleBtn.addinvtogglebtn-flex-rounded-clickable-g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg,#0F2B1A,#2E8B4A);
  border-radius: 16px;
  padding: 13px 16px;
  cursor: pointer;
  user-select: none;
}

.addinvtogglebtn-flex-rounded-w34-h34 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.addinvtogglebtn,
#notif-panel-sub.addinvtogglebtn {
  font-size: 10px;
  color: rgba(255,255,255,.7);
  margin-top: 1px;
}

.addinvchevron,
#addInvChevron.addinvchevron {
  transition: transform .2s;
  flex-shrink: 0;
  transform: rotate(-90deg);
}

.addinvformbody-relative-rounded-gradient {
  background: linear-gradient(135deg,#0F2B1A 0%,#2E8B4A 100%);
  border-radius: 18px;
  padding: 16px;
  position: relative;
}

.addinvformbody-absolute-circle-w90-h90 {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  pointer-events: none;
  overflow: hidden;
}

.addinvformbody-flex-sticky-rounded {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  position: sticky;
  top: 8px;
  z-index: 5;
  background: #153D24;
  border-radius: 12px;
  padding: 9px 11px;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}

.addinvformbody-bold {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin-bottom: 3px;
}

.addlabel-bold,
#addLabel.addlabel-bold {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.2px;
}

.addinvformbody-flex-rounded-clickable-w3 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255,255,255,.15);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  padding: 0;
}

.addinvformbody-none-relative {
  position: relative;
  margin-bottom: 0;
  display: none;
}

.qaddselect-rounded-clickable,
#qaddSelect.qaddselect-rounded-clickable {
  width: 100%;
  padding: 12px 36px 12px 14px;
  border: 2px solid rgba(255,255,255,.25);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  color: #fff;
  background: rgba(255,255,255,.12);
  appearance: none;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

.qaddselect {
  color: #111;
  background: #fff;
}

.addinvformbody-rounded {
  background: rgba(255,255,255,.08);
  border: 1.5px dashed rgba(255,255,255,.3);
  border-radius: 12px;
  padding: 11px 13px;
  margin-bottom: 2px;
}

.addinvformbody-bold-2 {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}

.addinvformbody {
  font-size: 10px;
  color: rgba(255,255,255,.75);
  line-height: 1.5;
  margin-bottom: 9px;
}

.addinvformbody-rounded-clickable-bold {
  flex: 1;
  padding: 9px 8px;
  background: rgba(255,255,255,.95);
  border: none;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  color: #1A5C32;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.qaddpreview-rounded,
#qaddPreview.qaddpreview-rounded {
  background: rgba(255,255,255,.96);
  border: none;
  border-radius: 12px;
  margin-top: 10px;
  padding: 13px;
}

.qaddpreview-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.qaddpreview-rounded-2 {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #EDF5EF;
  border: 1.5px solid #9CC8A9;
  border-radius: 10px;
  padding: 11px 13px;
}

.qaddamountlabel-bold,
#qaddAmountLabel.qaddamountlabel-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--g800);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 6px;
}

.qaddamountlabel-danger-text {
  color: var(--danger);
}

.qaddamount,
#qaddAmount.qaddamount {
  padding: 10px 42px 10px 13px;
  width: 100%;
  border-color: #9CC8A9;
  background: #fff;
}

.qaddpreview-absolute {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: var(--ts);
  pointer-events: none;
  font-weight: 600;
}

.qaddlaymanwrap-none-rounded,
#qaddLaymanWrap.qaddlaymanwrap-none-rounded {
  display: none;
  margin-top: 9px;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 8px;
  padding: 9px 11px;
}

.qaddlaymanwrap-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #0D9488;
  margin-bottom: 4px;
}

.qaddlayman,
#qaddLayman.qaddlayman {
  font-size: 11px;
  color: #0C4A6E;
  line-height: 1.6;
}

.qaddcoachnotewrap-none-flex-row-rounded,
#qaddCoachNoteWrap.qaddcoachnotewrap-none-flex-row-rounded {
  display: none;
  margin-top: 9px;
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 11px;
  color: #78350F;
  line-height: 1.55;
  flex-direction: row;
  gap: 6px;
  align-items: flex-start;
}

.qaddpreview-h1 {
  height: 1px;
  background: rgba(255,255,255,.2);
  margin: 12px 0;
}

.qaddpreview-flex-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qaddpreview,
#topupCalcNote.qaddpreview {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
  color: var(--ts);
}

.qaddlabel,
#qaddLabel.qaddlabel,
#vBizName.qaddlabel {
  padding: 9px 12px;
}

.qaddpreview-flex-bold-2 {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.9);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qaddretdefault,
#qaddRetDefault.qaddretdefault {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
  color: rgba(255,255,255,.65);
}

.qaddret,
#qaddRet.qaddret,
#vGrowth.qaddret,
#vDiscount.qaddret {
  padding: 9px 30px 9px 12px;
}

.qaddpreview-absolute-2 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: rgba(255,255,255,.7);
  pointer-events: none;
}

.qaddpreview-rounded-3 {
  margin-top: 6px;
  font-size: 10px;
  color: #374151;
  line-height: 1.55;
  padding: 7px 10px;
  background: #EDF5EF;
  border-radius: 8px;
  border: 1px solid #9CC8A9;
}

.qaddpreview-2 {
  color: #1A5C32;
}

.qaddpreview-3 {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
  color: rgba(255,255,255,.6);
}

.qaddusernote,
#qaddUserNote.qaddusernote {
  resize: none;
  padding: 9px 12px;
  line-height: 1.5;
  font-size: 13px;
}

.qaddliveprev-none-rounded,
#qaddLivePrev.qaddliveprev-none-rounded {
  display: none;
  margin-bottom: 8px;
  border-radius: 9px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 1.5;
  background: rgba(255,255,255,.12);
  color: #fff;
}

.qaddpreview-flex-2 {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.qaddaddbtn-rounded-gradient,
#qaddAddBtn.qaddaddbtn-rounded-gradient {
  flex: 1;
  font-size: 13px;
  padding: 12px;
  background: linear-gradient(135deg,#2E8B4A,#1A5C32);
  border-radius: 11px;
  box-shadow: 0 3px 12px rgba(15,112,87,.3);
}

.qaddaddbtn {
  vertical-align: -1px;
  margin-right: 5px;
}

.qaddpreview-rounded-clickable-bold {
  padding: 12px 16px;
  background: rgba(0,0,0,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  color: rgba(255,255,255,.8);
}

.qaddpreview-h1-2 {
  height: 1px;
  background: rgba(255,255,255,.1);
  margin-bottom: 12px;
}

.qaddpreview-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.5);
  margin-bottom: 8px;
}

.qaddsourcelink-flex-rounded,
#qaddSourceLink.qaddsourcelink-flex-rounded {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 9px;
  padding: 8px 11px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.screen-body-flex-rounded-6 {
  background: var(--surface);
  border-radius: 14px;
  padding: 5px;
  border: 1px solid var(--border);
  display: flex;
  gap: 4px;
}

.modeexisting-rounded-clickable-bold,
#modeExisting.modeexisting-rounded-clickable-bold {
  flex: 1;
  padding: 9px 8px;
  border-radius: 10px;
  border: none;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: var(--g700);
  color: #fff;
  transition: all .15s;
}

.modeplanned-rounded-clickable-bold,
#modePlanned.modeplanned-rounded-clickable-bold {
  flex: 1;
  padding: 9px 8px;
  border-radius: 10px;
  border: none;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  background: transparent;
  color: var(--ts);
  transition: all .15s;
}

.modebanner-rounded,
#modeBanner.modebanner-rounded {
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 12px;
  color: var(--g800);
  line-height: 1.5;
}

.blendcard,
#blendCard.blendcard {
  padding-bottom: 8px;
}

.blendempty-none-text-center,
#blendEmpty.blendempty-none-text-center {
  display: none;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  color: var(--ts);
}

.holdingscount,
#holdingsCount.holdingscount {
  font-size: 11px;
  color: var(--ts);
  font-weight: 600;
}

.resettoexistingbtn-none-rounded,
#resetToExistingBtn.resettoexistingbtn-none-rounded {
  display: none;
  background: #FEF3C7;
  border: 1px solid #FCD34D;
  border-radius: 10px;
  padding: 9px 12px;
  margin-bottom: 10px;
  align-items: center;
  gap: 9px;
}

.resettoexistingbtn {
  flex: 1;
  font-size: 11px;
  color: #78350F;
  line-height: 1.4;
}

.resettoexistingbtn-rounded-clickable-bol {
  padding: 5px 11px;
  background: #fff;
  border: 1px solid #FCD34D;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #92400E;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  white-space: nowrap;
}

.emptyholdings-text-center-rounded,
#emptyHoldings.emptyholdings-text-center-rounded {
  background: var(--surface);
  border-radius: 14px;
  padding: 28px 16px;
  text-align: center;
  border: 1px dashed var(--border);
}

.emptytitle,
#emptyTitle.emptytitle {
  font-size: 13px;
  font-weight: 600;
  color: var(--ts);
  margin-bottom: 5px;
}

.rebalancecta-text-center-rounded-gradien {
  background: linear-gradient(135deg,#0F2B1A,#0F2B5B);
  border-radius: 18px;
  padding: 18px 16px;
  text-align: center;
}

.rebalancecta {
  font-size: 28px;
  margin-bottom: 10px;
}

.rebalancectabody,
#rebalanceCTABody.rebalancectabody {
  font-size: 12px;
  color: rgba(255,255,255,.8);
  line-height: 1.65;
  margin-bottom: 10px;
}

.rebalancectaheadline-bold,
#rebalanceCTAHeadline.rebalancectaheadline-bold {
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 14px;
  letter-spacing: -.2px;
  line-height: 1.3;
}

.rebalancecta-flex-rounded-clickable-bold {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg,#2E8B4A,#1A5C32);
  color: #fff;
  border: none;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
}

.rebalancecta-2 {
  font-size: 10px;
  color: rgba(255,255,255,.45);
  margin-top: 9px;
}

.rebalancerevealmsg-rounded,
#rebalanceRevealMsg.rebalancerevealmsg-rounded {
  background: var(--g50);
  border: 1.5px solid var(--g200);
  border-radius: 14px;
  padding: 14px 15px;
  margin-bottom: 12px;
  animation: fadeInUp .4s ease;
}

.rebalanceheadline-bold,
#rebalanceHeadline.rebalanceheadline-bold {
  font-size: 14px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 5px;
}

.rebalancesummarymsg,
#rebalanceSummaryMsg.rebalancesummarymsg {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.65;
}

.autoplanintro,
#autoPlanIntro.autoplanintro {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.65;
  margin-bottom: 12px;
}

.autoplanquizprompt-none-rounded,
#autoPlanQuizPrompt.autoplanquizprompt-none-rounded {
  display: none;
  margin-top: 12px;
  background: #FEF3C7;
  border: 1.5px solid #FCD34D;
  border-radius: 12px;
  padding: 14px;
}

.autoplanquizprompt-bold {
  font-size: 12px;
  font-weight: 700;
  color: #92400E;
  margin-bottom: 6px;
}

.autoplanquizprompt {
  font-size: 11px;
  color: #78350F;
  line-height: 1.6;
  margin-bottom: 10px;
}

.autoplanquizprompt-rounded-clickable-bol {
  width: 100%;
  padding: 11px;
  background: linear-gradient(135deg,#D97706,#92400E);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.autoplanpremiumteaser-none,
#autoPlanPremiumTeaser.autoplanpremiumteaser-none,
#importResult.autoplanpremiumteaser-none {
  display: none;
  margin-top: 12px;
}

.autoplanpremiumteaser-text-center-rounde {
  background: linear-gradient(135deg,#7C3AED,#7C3AED);
  border-radius: 12px;
  padding: 14px;
  text-align: center;
  color: #fff;
}

.autoplanpremiumteaser-bold {
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 6px;
}

.autoplanpremiumteaser {
  font-size: 11px;
  opacity: .85;
  line-height: 1.6;
  margin-bottom: 10px;
}

.autoplanpremiumteaser-rounded-clickable- {
  width: 100%;
  padding: 11px;
  background: rgba(255,255,255,.2);
  color: #fff;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.addanotherinvbtnwrap-flex-rounded-clicka {
  width: 100%;
  padding: 14px;
  background: var(--surface);
  border: 1.5px solid var(--g700);
  color: var(--g700);
  border-radius: 13px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 10px;
}

.result-card-2 {
  font-size: 11px;
  color: var(--ts);
  line-height: 1.6;
  margin-bottom: 10px;
}

.result-card-3 {
  padding-top: 2px;
}

.result-card-bold {
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 8px;
}

.result-card-4 {
  margin-bottom: 7px;
}

.result-card-5 {
  font-size: 10px;
  color: var(--ts);
  margin-bottom: 4px;
}

.app-sample,
#apP-sample.app-sample,
#apP-by.app-sample,
#apP-remind.app-sample,
#ap-by.app-sample,
#ap-remind.app-sample {
  width: 100%;
  padding: 8px 28px 8px 10px;
  appearance: none;
}

.result-card-absolute {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.result-card-6 {
  font-size: 9.5px;
  color: var(--ts);
  margin-top: 4px;
  line-height: 1.4;
}

.app-input-rounded,
#apP-input.app-input-rounded,
#ap-input.app-input-rounded {
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  font-size: 13px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.result-card-flex {
  display: flex;
  gap: 7px;
  margin-bottom: 7px;
}

.result-card-relative {
  flex: 1;
  position: relative;
}

.app-date-rounded,
#apP-date.app-date-rounded,
#ap-date.app-date-rounded {
  flex: 1;
  padding: 8px 10px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  font-size: 12px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.app-support-rounded,
#apP-support.app-support-rounded,
#ap-support.app-support-rounded {
  width: 100%;
  padding: 8px 12px;
  border: 1.5px solid var(--border);
  border-radius: 9px;
  font-size: 12px;
  font-family: DM Sans,sans-serif;
  color: var(--tp);
}

.appaddbtn,
#apPAddBtn.appaddbtn,
#apAddBtn.appaddbtn {
  width: 100%;
  padding: 10px;
}

.dlbtnportfolio-flex-gradient,
#dlBtnPortfolio.dlbtnportfolio-flex-gradient,
#dlBtnAnalysis.dlbtnportfolio-flex-gradient {
  background: linear-gradient(135deg,#0F2B5B,#1D4ED8);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.screen-body-relative-rounded-gradient-7 {
  background: linear-gradient(135deg,#0F2B5B 0%,#1D4ED8 60%,#0F2B1A 100%);
  border-radius: 16px;
  padding: 18px 16px;
  position: relative;
  overflow: hidden;
}

.screen-body-absolute-circle-w100-h100-4 {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255,255,255,.05);
}

.screen-body-absolute-circle-w70-h70 {
  position: absolute;
  bottom: -30px;
  right: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,.04);
}

.screen-body-bold-31 {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 10px;
  letter-spacing: -.2px;
}

.screen-body-44 {
  font-size: 12px;
  color: rgba(255,255,255,.82);
  line-height: 1.65;
  margin-bottom: 14px;
}

.screen-body-45 {
  color: #A7F3D0;
}

.screen-body-text-center-rounded-4 {
  background: rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.12);
}

.screen-body-46 {
  font-size: 18px;
  margin-bottom: 4px;
}

.screen-body-rounded-13 {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

.screen-body-bold-32 {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-bottom: 11px;
}

.screen-body-flex-15 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}

.screen-body-bold-33 {
  font-size: 11px;
  font-weight: 700;
  color: #A7F3D0;
}

.screen-body-text-right {
  text-align: right;
}

.screen-body-47 {
  font-size: 10px;
  font-weight: 500;
  opacity: .8;
}

.screen-body-48 {
  font-size: 9px;
  color: rgba(255,255,255,.4);
}

.screen-body-flex-16 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.screen-body-rounded-14 {
  font-size: 9px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
  background: rgba(167,243,208,.15);
  color: #A7F3D0;
  border: 1px solid rgba(167,243,208,.25);
}

.screen-body-flex-rounded-clickable-2 {
  cursor: pointer;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  padding: 11px 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.screen-body-bold-34 {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
}

.screen-body-49 {
  font-size: 10px;
  color: rgba(255,255,255,.55);
  margin-top: 2px;
  line-height: 1.4;
}

.screen-body-text-right-2 {
  text-align: right;
  flex-shrink: 0;
}

.screen-body-bold-35 {
  font-size: 15px;
  font-weight: 800;
  color: #fff;
}

.screen-body-flex-rounded-clickable-3 {
  cursor: pointer;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  padding: 11px 14px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.screen-body-flex-rounded-clickable-bold-4 {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,#2E8B4A,#1A5C32);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  letter-spacing: -.1px;
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.screen-body-text-center-5 {
  text-align: center;
  margin-top: 8px;
  font-size: 10px;
  color: rgba(255,255,255,.45);
}

.result-card-7 {
  padding: 14px;
}

.result-card-8 {
  margin-bottom: 0;
}

.result-card-flex-2 {
  font-size: 11px;
  font-weight: 600;
  color: var(--ts);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result-card-relative-2 {
  position: relative;
  margin-bottom: 8px;
}

.topupinput,
#topupInput.topupinput {
  padding: 10px 50px 10px 12px;
}

.result-card-absolute-2 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: var(--ts);
  pointer-events: none;
  font-weight: 500;
}

.result-card-flex-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 2px;
}

.perinvprojlist-text-center {
  text-align: center;
  font-size: 12px;
  color: var(--ts);
  padding: 14px;
}

.result-card-9 {
  padding-bottom: 14px;
}

.projlegend-flex,
#projLegend.projlegend-flex,
#compProjLegend.projlegend-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--ts);
}

.result-card-10 {
  font-size: 12px;
  font-weight: 600;
  color: var(--tp);
  margin-bottom: 8px;
}

.result-card-relative-h240 {
  position: relative;
  height: 240px;
}

.result-card-11 {
  font-size: 12px;
  font-weight: 600;
  color: var(--tp);
  margin-bottom: 10px;
}

.result-card-12 {
  font-size: 12px;
  color: var(--ts);
  margin-bottom: 10px;
  line-height: 1.5;
}

.sensassetinfo-none-rounded,
#sensAssetInfo.sensassetinfo-none-rounded {
  display: none;
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 10px;
  padding: 9px 12px;
  margin-bottom: 12px;
}

.sensassetdot-circle-w9-h9,
#sensAssetDot.sensassetdot-circle-w9-h9 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.sensassetinfo-text-right {
  margin-left: auto;
  text-align: right;
}

.senschartwrap-relative-h260 {
  position: relative;
  height: 260px;
  margin-bottom: 4px;
}

.chartsempty-text-center-rounded,
#chartsEmpty.chartsempty-text-center-rounded {
  background: var(--surface);
  border-radius: 14px;
  padding: 32px 16px;
  text-align: center;
  border: 1px dashed var(--border);
}

.chartsempty {
  font-size: 32px;
  margin-bottom: 10px;
}

.result-card-13 {
  font-size: 11px;
  color: var(--ts);
  margin-bottom: 10px;
}

.chartdonutlegend-flex-flex-column,
#chartDonutLegend.chartdonutlegend-flex-flex-column {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.result-card-relative-h280 {
  position: relative;
  height: 280px;
}

.result-card-relative-h260 {
  position: relative;
  height: 260px;
}

.screen-body-rounded-gradient-3 {
  background: linear-gradient(135deg,#0F2B5B,#1D4ED8);
  border-radius: 14px;
  padding: 14px 16px;
  color: #fff;
}

.screen-body-bold-36 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  opacity: .75;
  margin-bottom: 5px;
}

.screen-body-bold-37 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 3px;
}

.screen-body-50 {
  font-size: 11px;
  opacity: .75;
  line-height: 1.5;
}

.result-card-14 {
  font-size: 11px;
  color: var(--ts);
  margin-bottom: 10px;
  line-height: 1.5;
}

.sec-label-row-clickable-bold-danger-text {
  font-size: 11px;
  font-weight: 700;
  color: var(--danger);
  background: none;
  border: none;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  padding: 2px 0;
}

.result-card-15 {
  padding: 0;
  overflow: hidden;
}

.ratesfooter-none-rounded,
#ratesFooter.ratesfooter-none-rounded {
  display: none;
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 11px;
  color: var(--g800);
  line-height: 1.5;
}

.result-card-relative-h200 {
  position: relative;
  height: 200px;
}

.screen-body-rounded-15 {
  margin-top: 10px;
  background: var(--surface);
  border-radius: 12px;
  border: 1px solid var(--border);
  overflow: hidden;
}

.screen-body-flex-clickable {
  width: 100%;
  padding: 11px 14px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: DM Sans,sans-serif;
}

.screen-body-flex-17 {
  font-size: 12px;
  font-weight: 600;
  color: var(--ts);
  display: flex;
  align-items: center;
  gap: 7px;
}

.scoreinfochevron,
#scoreInfoChevron.scoreinfochevron {
  transition: transform .2s;
}

.scoreinfobody-none,
#scoreInfoBody.scoreinfobody-none {
  display: none;
  padding: 0 14px 14px;
}

.scoreinfobody-h1 {
  height: 1px;
  background: var(--border);
  margin-bottom: 12px;
}

.scoreinfobody-flex-flex-column {
  font-size: 12px;
  color: var(--ts);
  line-height: 1.7;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scoreinfobody-rounded {
  background: var(--g50);
  border-radius: 8px;
  padding: 9px 11px;
  border: 1px solid var(--g200);
}

.scoreinfobody {
  color: var(--g800);
}

.scoreinfobody-2 {
  color: #2E8B4A;
  font-weight: 600;
}

.scoreinfobody-3 {
  color: #0D9488;
  font-weight: 600;
}

.scoreinfobody-4 {
  color: #D97706;
  font-weight: 600;
}

.sec-label-row-2 {
  font-size: 10px;
  color: var(--ts);
  font-weight: 500;
}

.needlemoversection-text-center {
  text-align: center;
  font-size: 12px;
  color: var(--ts);
  padding: 14px;
  line-height: 1.7;
}

.result-card-16 {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--border);
}

.screen-body-flex-flex-column-7 {
  padding: 14px 14px 80px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.screen-body-rounded-16 {
  background: var(--surface);
  border: 1.5px solid #DDD6FE;
  border-radius: 14px;
  overflow: hidden;
}

.screen-body-flex-clickable-2 {
  background: #F5F3FF;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}

.screen-body-flex-18 {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.screen-body-flex-rounded-w34-h34-4 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #7C3AED;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.screen-body-bold-38 {
  font-size: 14px;
  font-weight: 800;
  color: var(--tp);
}

.screen-body-flex-19 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.screen-body-rounded-clickable-bold-5 {
  padding: 6px 12px;
  background: #7C3AED;
  border: none;
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.toolschev-goals,
#toolsChev-goals.toolschev-goals {
  transition: transform .2s;
  color: var(--ts);
  transform: rotate(180deg);
}

.toolsbody-goals-block,
#toolsBody-goals.toolsbody-goals-block {
  display: block;
}

.goals-list-flex-flex-column,
#goals-list.goals-list-flex-flex-column {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.screen-body-flex-clickable-3 {
  background: #F9FAFB;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}

.screen-body-flex-rounded-w34-h34-5 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #334155;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.toolschev-tax,
#toolsChev-tax.toolschev-tax,
#toolsChev-smooth.toolschev-tax {
  transition: transform .2s;
  color: var(--ts);
  flex-shrink: 0;
}

.toolsbody-tax-flex-flex-column {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.toolsbody-tax-rounded {
  font-size: 11.5px;
  color: var(--ts);
  line-height: 1.6;
  background: #F9FAFB;
  border-radius: 10px;
  padding: 10px 12px;
}

.toolsbody-tax {
  font-size: 10px;
  color: var(--ts);
  margin-bottom: 5px;
  line-height: 1.5;
}

.tax-result-none-rounded-gradient,
#tax-result.tax-result-none-rounded-gradient {
  display: none;
  background: linear-gradient(135deg,#111827,#111827);
  border-radius: 12px;
  padding: 16px;
  color: #fff;
}

.tax-result {
  font-size: 11px;
  opacity: .7;
  margin-bottom: 12px;
}

.tax-bands-table-flex-flex-column,
#tax-bands-table.tax-bands-table-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 16px;
  font-size: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

.tax-result-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.tax-result-text-center-rounded {
  background: rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 12px 8px;
  text-align: center;
  min-width: 0;
}

.tax-result-2 {
  font-size: 9.5px;
  opacity: .65;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.tax-gross-bold,
#tax-gross.tax-gross-bold {
  font-size: 14px;
  font-weight: 800;
  word-break: break-word;
  line-height: 1.35;
}

.tax-result-text-center-rounded-2 {
  background: rgba(167,243,208,.15);
  border-radius: 10px;
  padding: 12px 8px;
  text-align: center;
  min-width: 0;
}

.tax-relief-bold,
#tax-relief.tax-relief-bold {
  font-size: 14px;
  font-weight: 800;
  color: #A7F3D0;
  word-break: break-word;
  line-height: 1.35;
}

.tax-result-text-center-rounded-3 {
  background: rgba(252,165,165,.15);
  border-radius: 10px;
  padding: 14px 10px;
  text-align: center;
  margin-bottom: 12px;
}

.tax-net-bold,
#tax-net.tax-net-bold {
  font-size: 19px;
  font-weight: 800;
  color: #FECACA;
  word-break: break-word;
  line-height: 1.35;
}

.tax-monthly-text-center,
#tax-monthly.tax-monthly-text-center {
  font-size: 12px;
  text-align: center;
  opacity: .85;
  line-height: 1.6;
  padding: 0 4px;
}

.tax-result-text-center {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.1);
  font-size: 9.5px;
  opacity: .5;
  text-align: center;
}

.screen-body-rounded-17 {
  background: var(--surface);
  border: 1.5px solid #FECACA;
  border-radius: 14px;
  overflow: hidden;
}

.screen-body-flex-clickable-4 {
  background: #FEF2F2;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}

.screen-body-flex-rounded-w34-h34-6 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #B91C1C;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.screen-body-rounded-clickable-bold-6 {
  padding: 6px 12px;
  background: #B91C1C;
  border: none;
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.toolschev-debt,
#toolsChev-debt.toolschev-debt,
#toolsChev-networth.toolschev-debt {
  transition: transform .2s;
  color: var(--ts);
}

.debt-summary-flex,
#debt-summary.debt-summary-flex {
  display: none;
  background: #FEF2F2;
  border-top: 1px solid #FECACA;
  padding: 11px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.debt-total-bold,
#debt-total.debt-total-bold {
  font-size: 16px;
  font-weight: 800;
  color: #92400E;
}

.toolsbody-debt {
  border-top: 1px solid var(--border);
  padding: 12px 14px;
}

.debtsimtogglebtn-rounded-clickable-bold,
#debtSimToggleBtn.debtsimtogglebtn-rounded-clickable-bold {
  width: 100%;
  padding: 9px;
  background: transparent;
  border: 1.5px dashed #FECACA;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #B91C1C;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.screen-body-rounded-18 {
  background: var(--surface);
  border: 1.5px solid #A5F3FC;
  border-radius: 14px;
  overflow: hidden;
}

.screen-body-flex-clickable-5 {
  background: #ECFEFF;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}

.screen-body-flex-rounded-w34-h34-7 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #0D9488;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.screen-body-flex-rounded-w34-h34-8 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #0F2B5B;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}

.screen-body-rounded-clickable-bold-7 {
  padding: 6px 12px;
  background: #0F2B5B;
  border: none;
  border-radius: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.networthformcard-none,
#netWorthFormCard.networthformcard-none {
  display: none;
  padding: 0 16px 16px;
}

.networthchartwrap-none,
#netWorthChartWrap.networthchartwrap-none {
  padding: 0 16px 16px;
  display: none;
}

.networthhistorylist,
#netWorthHistoryList.networthhistorylist {
  padding: 0 16px 16px;
}

.screen-body-rounded-gradient-4 {
  background: linear-gradient(135deg,#0D9488,#0D9488);
  border-radius: 14px;
  padding: 16px;
  color: #fff;
}

.screen-body-bold-39 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

.screen-body-51 {
  font-size: 11px;
  opacity: .8;
  line-height: 1.5;
}

.valentrychooser-text-center {
  font-size: 12px;
  color: var(--ts);
  text-align: center;
  margin-bottom: 14px;
  line-height: 1.6;
}

.valentrychooser-flex-text-left-rounded-c {
  width: 100%;
  background: var(--surface);
  border: 2px solid var(--border);
  border-radius: 16px;
  padding: 18px 16px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: left;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  gap: 14px;
}

.valentrychooser-flex-rounded-w46-h46 {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #CCFBF1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.valentrychooser-bold {
  font-size: 14px;
  font-weight: 700;
  color: var(--tp);
  margin-bottom: 2px;
}

.valentrychooser {
  font-size: 11px;
  color: var(--ts);
  line-height: 1.4;
}

.valentrychooser-flex-text-left-rounded-c-2 {
  width: 100%;
  background: #CCFBF1;
  border: 2px solid #CCFBF1;
  border-radius: 16px;
  padding: 18px 16px;
  cursor: pointer;
  text-align: left;
  font-family: DM Sans,sans-serif;
  display: flex;
  align-items: center;
  gap: 14px;
}

.valentrychooser-flex-rounded-w46-h46-2 {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: #CCFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.valentrychooser-bold-2 {
  font-size: 14px;
  font-weight: 700;
  color: #0D9488;
  margin-bottom: 2px;
}

.valentrychooser-inline-block-rounded-bol {
  margin-top: 5px;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  background: #0D9488;
  color: #fff;
  letter-spacing: .04em;
}

.valimportpanel-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}

.valimportpanel-rounded-clickable-bold {
  padding: 6px 10px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  color: var(--ts);
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.result-card-17 {
  font-size: 12px;
  color: var(--ts);
  margin-bottom: 12px;
  line-height: 1.6;
}

.result-card-bold-2 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--ts);
  margin-bottom: 8px;
}

.result-card-flex-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 12px;
}

.platform-pill-2 {
  background: #EDF5EF;
  border-color: #9CC8A9;
  color: #1A5C32;
}

.platform-pill-3 {
  background: #EFF6FF;
  border-color: #BFDBFE;
  color: #1D4ED8;
}

.platform-pill-4 {
  background: #FEF3C7;
  border-color: #FCD34D;
  color: #92400E;
}

.platform-pill-5 {
  background: #EFF6FF;
  border-color: #BFDBFE;
  color: #0D9488;
}

.platform-pill-6 {
  background: #F9FAFB;
  border-color: #E5E7EB;
  color: var(--ts);
}

.importguide-none-rounded,
#importGuide.importguide-none-rounded {
  display: none;
  background: #F9FAFB;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 13px;
  margin-bottom: 12px;
}

.importdropzone-text-center-rounded-click,
#importDropZone.importdropzone-text-center-rounded-click {
  border: 2px dashed var(--border);
  border-radius: 12px;
  padding: 22px 16px;
  text-align: center;
  cursor: pointer;
  background: var(--surface);
  transition: border-color .15s;
}

.importdropzone-bold {
  font-size: 13px;
  font-weight: 700;
  color: var(--tp);
  margin-bottom: 3px;
}

.fi-label-2 {
  margin-bottom: 5px;
}

.othersectorpanel-none-rounded,
#otherSectorPanel.othersectorpanel-none-rounded {
  display: none;
  margin-top: 10px;
  background: #CCFBF1;
  border: 1.5px solid #CCFBF1;
  border-radius: 11px;
  padding: 13px 14px;
}

.fi-label-3 {
  margin-bottom: 6px;
  color: #0D9488;
}

.othersectorinput,
#otherSectorInput.othersectorinput {
  padding: 9px 12px;
  margin-bottom: 10px;
  width: 100%;
}

.result-card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.vyears,
#vYears.vyears,
#vEmployees.vyears,
#vRevenue.vyears,
#vCOGS.vyears,
#vOpex.vyears,
#vAssets.vyears,
#vLiabilities.vyears {
  padding: 9px 40px 9px 12px;
}

.sec-label-row-flex-rounded {
  display: flex;
  background: #F3F4F6;
  border-radius: 20px;
  padding: 3px;
  gap: 2px;
}

.vperiodmonthly-rounded-clickable-bold,
#vPeriodMonthly.vperiodmonthly-rounded-clickable-bold {
  padding: 4px 12px;
  border-radius: 17px;
  border: none;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  background: var(--g700);
  color: #fff;
  transition: all .15s;
}

.vperiodannual-rounded-clickable-bold,
#vPeriodAnnual.vperiodannual-rounded-clickable-bold {
  padding: 4px 12px;
  border-radius: 17px;
  border: none;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  background: transparent;
  color: var(--ts);
  transition: all .15s;
}

.vperiodbanner-none-rounded,
#vPeriodBanner.vperiodbanner-none-rounded {
  display: none;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 10px;
  padding: 9px 13px;
  font-size: 11px;
  color: var(--g800);
  margin-bottom: 10px;
  line-height: 1.5;
}

.fi-label-flex {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}

.vrevannualized-none,
#vRevAnnualized.vrevannualized-none,
#vCOGSAnnualized.vrevannualized-none,
#vOpexAnnualized.vrevannualized-none {
  display: none;
  font-size: 10px;
  color: var(--g700);
  margin-top: 4px;
  font-weight: 600;
}

.result-card-rounded {
  background: #CCFBF1;
  border: 1.5px solid #CCFBF1;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

.result-card-bold-3 {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #0D9488;
  margin-bottom: 10px;
}

.result-card-flex-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(0,0,0,.08);
}

.vgrossprofitlabel,
#vGrossProfitLabel.vgrossprofitlabel,
#vProfitBTLabel.vgrossprofitlabel {
  font-size: 12px;
  font-weight: 600;
  color: #111;
}

.result-card-18 {
  font-size: 10px;
  color: #6B7280;
}

.vgrossprofit-text-right-bold,
#vGrossProfit.vgrossprofit-text-right-bold,
#vProfitBT.vgrossprofit-text-right-bold {
  font-size: 14px;
  font-weight: 700;
  color: #111;
  text-align: right;
}

.vtaxlabel,
#vTaxLabel.vtaxlabel {
  font-size: 12px;
  font-weight: 600;
  color: #6B7280;
}

.vtaxamt-text-right-bold,
#vTaxAmt.vtaxamt-text-right-bold {
  font-size: 14px;
  font-weight: 700;
  color: #6B7280;
  text-align: right;
}

.result-card-flex-6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 2px;
}

.vprofitatlabel-bold,
#vProfitATLabel.vprofitatlabel-bold {
  font-size: 13px;
  font-weight: 700;
  color: #0D9488;
}

.vnetprofit-text-right-bold,
#vNetProfit.vnetprofit-text-right-bold {
  font-size: 17px;
  font-weight: 700;
  color: #0D9488;
  text-align: right;
}

.fi-label-4 {
  margin-bottom: 4px;
}

.result-card-19 {
  margin-top: 8px;
  font-size: 10px;
  color: var(--ts);
  font-style: italic;
}

.valrevealbtn-none,
#valRevealBtn.valrevealbtn-none {
  display: none;
  margin-top: 4px;
}

.valrevealbtn-flex-rounded-clickable-bold {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg,#0D9488,#0D9488);
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  letter-spacing: -.2px;
  box-shadow: 0 6px 24px rgba(0,153,153,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform .12s,box-shadow .12s;
}

.valrevealbtn-text-center {
  text-align: center;
  margin-top: 8px;
  font-size: 10px;
  color: var(--ts);
}

.valoutputsection-none,
#valOutputSection.valoutputsection-none {
  display: none;
  animation: fadeInUp .5s ease;
}

.valoutputsection-flex-rounded-clickable {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  cursor: pointer;
  background: var(--surface);
  border: 1.5px dashed var(--border);
  border-radius: 12px;
  margin-bottom: 10px;
}

.valglossarybody-none-rounded,
#valGlossaryBody.valglossarybody-none-rounded {
  display: none;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 10px;
}

.valglossarybody-bold {
  font-size: 12px;
  font-weight: 800;
  color: var(--tp);
  margin-bottom: 2px;
}

.valglossarybody {
  font-size: 11.5px;
  color: var(--ts);
  line-height: 1.6;
}

.valbanner-text-center-rounded,
#valBanner.valbanner-text-center-rounded {
  border-radius: 14px;
  padding: 16px;
  text-align: center;
}

.result-card-20 {
  font-size: 12px;
  color: var(--ts);
  margin-bottom: 12px;
  line-height: 1.5;
}

.scenariocurrentval-flex-rounded,
#scenarioCurrentVal.scenariocurrentval-flex-rounded {
  background: #CCFBF1;
  border: 1px solid #CCFBF1;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.scenariocurrentval-bold {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #0D9488;
  margin-bottom: 2px;
}

.scenariocurrentmid-bold,
#scenarioCurrentMid.scenariocurrentmid-bold {
  font-size: 18px;
  font-weight: 700;
  color: #0D9488;
}

.fi-label-flex-2 {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.vtarget,
#vTarget.vtarget {
  padding: 10px 40px 10px 12px;
}

.calc-btn-flex-gradient {
  background: linear-gradient(135deg,#0D9488,#0D9488);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.inv-toast-fixed-text-center-rounded,
#inv-toast.inv-toast-fixed-text-center-rounded {
  position: fixed;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: #0F2B1A;
  color: #fff;
  padding: 10px 18px;
  border-radius: 24px;
  font-size: 13px;
  font-weight: 600;
  font-family: DM Sans,sans-serif;
  opacity: 0;
  transition: opacity .25s,transform .25s;
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  max-width: 90vw;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}

.nudge-ico-2 {
  background: var(--g50);
  border: 2px solid var(--g200);
}

.nudge-sheet-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 22px;
}

.nudge-sheet-flex-flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.nudge-sheet-flex-circle-w32-h32 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--g700);
  display: flex;
  align-items: center;
  justify-content: center;
}

.nudge-sheet-text-center-bold {
  font-size: 9px;
  font-weight: 700;
  color: var(--g700);
  text-align: center;
}

.nudge-sheet-w24-h2 {
  width: 24px;
  height: 2px;
  background: var(--border);
  margin-bottom: 14px;
}

.nudge-sheet-flex-circle-w32-h32-2 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #F3F4F6;
  border: 2px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.nudge-sheet-text-center-bold-2 {
  font-size: 9px;
  font-weight: 700;
  color: var(--ts);
  text-align: center;
}

.nudge-btn-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 15px;
}

.nudge-sheet-text-center {
  text-align: center;
  font-size: 11px;
  color: var(--ts);
  margin-top: 10px;
  line-height: 1.6;
}

.upgrade-sheet-text-center {
  font-size: 32px;
  text-align: center;
  margin-bottom: 10px;
}

.upgrade-title-text-center,
#upgradeMsg.upgrade-title-text-center {
  text-align: center;
}

.upgrade-sheet-flex-flex-column {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 18px;
}

.upgrade-sheet-flex {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.upgrade-sheet-flex-rounded-w22-h22 {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.upgrade-sheet-2 {
  font-size: 12px;
  color: rgba(255,255,255,.9);
  line-height: 1.55;
}

.upgradebaseplancard-rounded,
#upgradeBasePlanCard.upgradebaseplancard-rounded {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 14px;
}

.upgradebaseplancard-bold {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-bottom: 12px;
}

.upgradebaseplancard-bold-2 {
  font-size: 12px;
  font-weight: 700;
  color: #A7F3D0;
}

.upgradebaseplancard {
  font-size: 10px;
  color: rgba(255,255,255,.6);
  margin-top: 2px;
  line-height: 1.4;
}

.upgradebaseplancard-text-right {
  text-align: right;
  flex-shrink: 0;
  margin-left: 12px;
}

.upgradebaseplancard-bold-3 {
  font-size: 18px;
  font-weight: 800;
  color: #A7F3D0;
}

.upgradebaseplancard-2 {
  font-size: 9px;
  color: rgba(255,255,255,.5);
  margin-top: 1px;
}

.upgradebaseplancard-flex {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.upgradebaseplancard-3 {
  font-size: 10px;
  color: rgba(255,255,255,.55);
}

.upgradebaseplancard-bold-4 {
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,.8);
}

.upgrade-sheet-flex-rounded-clickable {
  cursor: pointer;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  padding: 12px 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.upgrade-sheet-bold {
  font-size: 17px;
  font-weight: 800;
  color: #fff;
}

.upgrade-sheet-flex-rounded-clickable-2 {
  cursor: pointer;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  padding: 12px 16px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.upgrade-cta-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.upgradebaseplancta-text-center {
  text-align: center;
  font-size: 10px;
  color: rgba(255,255,255,.4);
  margin-top: 8px;
  margin-bottom: 6px;
}

.upgradeaddonsonlynote-none-text-center,
#upgradeAddonsOnlyNote.upgradeaddonsonlynote-none-text-center {
  display: none;
  text-align: center;
  font-size: 10px;
  color: rgba(255,255,255,.4);
  margin-top: 2px;
  margin-bottom: 6px;
}

.upgrade-sheet-rounded-clickable {
  width: 100%;
  padding: 11px;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.8);
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  margin-top: 4px;
}

.valrevealoverlay-none-fixed-flex-column-,
#valRevealOverlay.valrevealoverlay-none-fixed-flex-column- {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: linear-gradient(135deg,#005C5C,#0D9488,#0D9488);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: DM Sans,sans-serif;
}

.valrevealoverlay-text-center {
  text-align: center;
  padding: 32px;
  max-width: 320px;
}

.valrevealoverlay-bold {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  margin-bottom: 16px;
}

.valrevealoverlay {
  font-size: 16px;
  color: rgba(255,255,255,.85);
  margin-bottom: 8px;
}

.valcounterdisplay-bold,
#valCounterDisplay.valcounterdisplay-bold {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -1px;
  margin-bottom: 8px;
  line-height: 1;
}

.valcountersub,
#valCounterSub.valcountersub {
  font-size: 13px;
  color: rgba(255,255,255,.7);
  margin-bottom: 32px;
}

.valrevealoverlay-rounded-w200-h4 {
  width: 200px;
  height: 4px;
  background: rgba(255,255,255,.2);
  border-radius: 2px;
  margin: 0 auto;
  overflow: hidden;
}

.valprogressbar-rounded,
#valProgressBar.valprogressbar-rounded {
  height: 100%;
  background: #fff;
  border-radius: 2px;
  width: 0%;
  transition: width .05s linear;
}

.grp-nav-row-flex,
#grp-nav-row.grp-nav-row-flex {
  display: flex;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}

.grp-budget-none-flex-column-clickable-bo,
#grp-budget.grp-budget-none-flex-column-clickable-bo,
#grp-sales.grp-budget-none-flex-column-clickable-bo {
  flex: 1;
  padding: 8px 4px 7px;
  border: none;
  background: transparent;
  font-family: DM Sans,sans-serif;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  border-bottom: 2px solid transparent;
  color: var(--ts);
  transition: all .15s;
}

.grp-investments-flex-flex-column-clickab,
#grp-investments.grp-investments-flex-flex-column-clickab,
#grp-growth.grp-investments-flex-flex-column-clickab,
#grp-business.grp-investments-flex-flex-column-clickab {
  flex: 1;
  padding: 8px 4px 7px;
  border: none;
  background: transparent;
  font-family: DM Sans,sans-serif;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  border-bottom: 2px solid transparent;
  color: var(--ts);
  transition: all .15s;
}

.grp-more-btn-flex-flex-column-clickable-,
#grp-more-btn.grp-more-btn-flex-flex-column-clickable- {
  flex: 1;
  padding: 8px 4px 7px;
  border: none;
  background: transparent;
  font-family: DM Sans,sans-serif;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  border-bottom: 2px solid transparent;
  color: var(--g700);
  transition: all .15s;
}

.grp-logout-btn-none-flex-column-clickabl,
#grp-logout-btn.grp-logout-btn-none-flex-column-clickabl {
  flex: 1;
  padding: 8px 4px 7px;
  border: none;
  background: transparent;
  font-family: DM Sans,sans-serif;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  border-bottom: 2px solid transparent;
  color: var(--danger);
  transition: all .15s;
}

.role-select-modal-none-fixed,
#role-select-modal.role-select-modal-none-fixed {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  z-index: 9500;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
}

.role-select-modal-rounded {
  background: #fff;
  border-radius: 24px 24px 0 0;
  width: 100%;
  max-width: 480px;
  overflow: hidden;
  box-shadow: 0 -8px 48px rgba(0,0,0,.25);
  animation: slideUp .3s ease;
  max-height: 92vh;
  overflow-y: auto;
}

.welcome-map-slide-text-center-gradient {
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  padding: 28px 22px 22px;
  text-align: center;
}

.welcome-map-slide-rounded-w36-h4 {
  width: 36px;
  height: 4px;
  background: rgba(255,255,255,.3);
  border-radius: 2px;
  margin: 0 auto 18px;
}

.welcome-map-slide-flex-rounded-w68-h68 {
  width: 68px;
  height: 68px;
  background: #fff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
  overflow: hidden;
  flex-shrink: 0;
}

.welcome-map-slide-block-w56-h56-contain {
  width: 56px;
  height: 56px;
  object-fit: contain;
  display: block;
}

.welcome-map-slide-bold {
  font-size: 21px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -.3px;
  margin-bottom: 8px;
}

.welcome-map-slide {
  font-size: 12.5px;
  color: rgba(255,255,255,.82);
  line-height: 1.7;
  max-width: 340px;
  margin: 0 auto;
}

.welcome-map-slide-flex-flex-column {
  padding: 18px 18px 4px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.welcome-map-slide-flex-rounded {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #EDF5EF;
  border: 1px solid #BBF7D0;
  border-radius: 13px;
  padding: 12px 14px;
}

.welcome-map-slide-2 {
  font-size: 18px;
  flex-shrink: 0;
}

.welcome-map-slide-bold-2 {
  font-size: 12.5px;
  font-weight: 800;
  color: #0F2B1A;
  margin-bottom: 2px;
}

.welcome-map-slide-3 {
  font-size: 11px;
  color: #1A5C32;
  line-height: 1.5;
}

.welcome-map-slide-flex-rounded-2 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #FEF9E7;
  border: 1px solid #FDE68A;
  border-radius: 13px;
  padding: 12px 14px;
}

.welcome-map-slide-bold-3 {
  font-size: 12.5px;
  font-weight: 800;
  color: #78350F;
  margin-bottom: 2px;
}

.welcome-map-slide-4 {
  font-size: 11px;
  color: #92400E;
  line-height: 1.5;
}

.welcome-map-slide-flex-rounded-3 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 13px;
  padding: 12px 14px;
}

.welcome-map-slide-bold-4 {
  font-size: 12.5px;
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 2px;
}

.welcome-map-slide-5 {
  font-size: 11px;
  color: #1D4ED8;
  line-height: 1.5;
}

.welcome-map-slide-flex-rounded-4 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #F5F3FF;
  border: 1px solid #DDD6FE;
  border-radius: 13px;
  padding: 12px 14px;
}

.welcome-map-slide-bold-5 {
  font-size: 12.5px;
  font-weight: 800;
  color: #3B0764;
  margin-bottom: 2px;
}

.welcome-map-slide-6 {
  font-size: 11px;
  color: #6D28D9;
  line-height: 1.5;
}

.welcome-map-slide-flex-rounded-5 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #ECFDF5;
  border: 1px solid #A7F3D0;
  border-radius: 13px;
  padding: 12px 14px;
}

.welcome-map-slide-bold-6 {
  font-size: 12.5px;
  font-weight: 800;
  color: #064E3B;
  margin-bottom: 2px;
}

.welcome-map-slide-7 {
  font-size: 11px;
  color: #047857;
  line-height: 1.5;
}

.welcome-map-slide-8 {
  padding: 16px 18px 22px;
}

.welcome-map-slide-rounded-clickable-bold {
  width: 100%;
  padding: 13px;
  background: linear-gradient(135deg,#1A5C32,#0F2B1A);
  color: #fff;
  border: none;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.role-picker-content-text-center-gradient {
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  padding: 24px 22px 20px;
  text-align: center;
}

.role-modal-name-bold,
#role-modal-name.role-modal-name-bold {
  font-size: 22px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -.3px;
  margin-bottom: 6px;
}

.role-picker-content {
  font-size: 12px;
  color: rgba(255,255,255,.8);
  line-height: 1.6;
}

.role-picker-content-2 {
  padding: 18px 18px 0;
}

.role-picker-content-rounded-gradient {
  background: linear-gradient(135deg,#FEF3C7,#FEF3C7);
  border: 1.5px solid #FCD34D;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}

.role-picker-content-flex {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.role-picker-content-flex-rounded-w40-h40 {
  width: 40px;
  height: 40px;
  background: #92400E;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.role-picker-content-bold {
  font-size: 14px;
  font-weight: 800;
  color: #78350F;
}

.role-picker-content-3 {
  font-size: 10px;
  font-weight: 600;
  color: #92400E;
  margin-top: 1px;
}

.role-picker-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 12px;
}

.role-picker-content-rounded {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  border: 1px solid #FCD34D;
}

.role-picker-content-4 {
  font-size: 14px;
  margin-bottom: 3px;
}

.role-picker-content-bold-2 {
  font-size: 11px;
  font-weight: 700;
  color: #78350F;
  margin-bottom: 2px;
}

.role-picker-content-5 {
  font-size: 10px;
  color: #92400E;
  line-height: 1.4;
}

.role-picker-content-rounded-gradient-2 {
  background: linear-gradient(135deg,#FFFBEB,#FEF3C7);
  border-radius: 10px;
  padding: 9px 10px;
  border: 1.5px solid #F59E0B;
}

.role-picker-content-rounded-clickable-bo {
  width: 100%;
  padding: 12px;
  background: #92400E;
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.role-picker-content-rounded-gradient-3 {
  background: linear-gradient(135deg,#EFF6FF,#DBEAFE);
  border: 1.5px solid #BFDBFE;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}

.role-picker-content-flex-rounded-w40-h40-2 {
  width: 40px;
  height: 40px;
  background: #1D4ED8;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.role-picker-content-bold-3 {
  font-size: 14px;
  font-weight: 800;
  color: #0F2B5B;
}

.role-picker-content-6 {
  font-size: 10px;
  font-weight: 600;
  color: #1D4ED8;
  margin-top: 1px;
}

.role-picker-content-rounded-2 {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  border: 1px solid #BFDBFE;
}

.role-picker-content-bold-4 {
  font-size: 11px;
  font-weight: 700;
  color: #0F2B5B;
  margin-bottom: 2px;
}

.role-picker-content-7 {
  font-size: 10px;
  color: #1D4ED8;
  line-height: 1.4;
}

.role-picker-content-rounded-clickable-bo-2 {
  width: 100%;
  padding: 12px;
  background: #1D4ED8;
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.role-picker-content-rounded-gradient-4 {
  background: linear-gradient(135deg,#EDF5EF,#EDF5EF);
  border: 1.5px solid #9CC8A9;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}

.role-picker-content-flex-rounded-w40-h40-3 {
  width: 40px;
  height: 40px;
  background: #1A5C32;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.role-picker-content-bold-5 {
  font-size: 14px;
  font-weight: 800;
  color: #0F2B1A;
}

.role-picker-content-8 {
  font-size: 10px;
  font-weight: 600;
  color: #2E8B4A;
  margin-top: 1px;
}

.role-picker-content-rounded-3 {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  border: 1px solid #EDF5EF;
}

.role-picker-content-bold-6 {
  font-size: 11px;
  font-weight: 700;
  color: #0F2B1A;
  margin-bottom: 2px;
}

.role-picker-content-9 {
  font-size: 10px;
  color: #2E8B4A;
  line-height: 1.4;
}

.role-picker-content-rounded-clickable-bo-3 {
  width: 100%;
  padding: 12px;
  background: #1A5C32;
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.role-picker-content-rounded-gradient-5 {
  background: linear-gradient(135deg,#F0FDFA,#CCFBF1);
  border: 1.5px solid #99F6E4;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}

.role-picker-content-flex-rounded-w40-h40-4 {
  width: 40px;
  height: 40px;
  background: #0D9488;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.role-picker-content-bold-7 {
  font-size: 14px;
  font-weight: 800;
  color: #134E4A;
}

.role-picker-content-10 {
  font-size: 10px;
  font-weight: 600;
  color: #0D9488;
  margin-top: 1px;
}

.role-picker-content-rounded-4 {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  border: 1px solid #99F6E4;
}

.role-picker-content-bold-8 {
  font-size: 11px;
  font-weight: 700;
  color: #134E4A;
  margin-bottom: 2px;
}

.role-picker-content-11 {
  font-size: 10px;
  color: #0D9488;
  line-height: 1.4;
}

.role-picker-content-rounded-clickable-bo-4 {
  width: 100%;
  padding: 12px;
  background: #0D9488;
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.role-picker-content-rounded-gradient-6 {
  background: linear-gradient(135deg,#ECFDF5,#D1FAE5);
  border: 1.5px solid #6EE7B7;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 20px;
}

.role-picker-content-flex-rounded-w40-h40-5 {
  width: 40px;
  height: 40px;
  background: #047857;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.role-picker-content-rounded-5 {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  border: 1px solid #A7F3D0;
}

.role-picker-content-rounded-6 {
  background: #fff;
  border-radius: 10px;
  padding: 9px 10px;
  border: 1px solid #A7F3D0;
  grid-column: 1/-1;
}

.role-picker-content-rounded-clickable-bo-5 {
  width: 100%;
  padding: 12px;
  background: #047857;
  color: #fff;
  border: none;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
}

.role-picker-content-flex-rounded-clickab {
  width: 100%;
  padding: 13px;
  background: #EDF5EF;
  color: var(--g800);
  border: 1.5px solid var(--g200);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  font-family: DM Sans,sans-serif;
  cursor: pointer;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.fi-label-inline-flex-rounded-bold {
  font-size: 9px;
  font-weight: 700;
  color: var(--g700);
  text-decoration: none;
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 20px;
  padding: 2px 8px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.fi-group-flex-rounded {
  background: var(--g50);
  border: 1px solid var(--g200);
  border-radius: 9px;
  padding: 7px 11px;
  margin-bottom: 7px;
  font-size: 11px;
  color: var(--g800);
  display: flex;
  align-items: center;
  gap: 6px;
}

.fi-label-flex-3 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.fi-label-5 {
  color: #92400E;
}

.e-note,
#e-note.e-note {
  resize: none;
  padding: 10px 12px;
  line-height: 1.5;
}

.modallivepreview-none,
#modalLivePreview.modallivepreview-none {
  display: none;
  margin-bottom: 4px;
}

.notif-panel-none-fixed,
#notif-panel.notif-panel-none-fixed {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9200;
  pointer-events: none;
}

.notif-backdrop-absolute,
#notif-backdrop.notif-backdrop-absolute {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity .25s;
  pointer-events: none;
}

.notif-sheet-flex-absolute-flex-column,
#notif-sheet.notif-sheet-flex-absolute-flex-column {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 380px;
  height: 100%;
  background: var(--surface);
  box-shadow: -4px 0 24px rgba(0,0,0,.2);
  transform: translateX(100%);
  transition: transform .28s cubic-bezier(.4,0,.2,1);
  pointer-events: all;
  display: flex;
  flex-direction: column;
}

.notif-sheet-flex-gradient {
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.notif-sheet-rounded-clickable-bold {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,.7);
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px;
  padding: 4px 10px;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
}

.notif-sheet-flex-circle-clickable-w28 {
  background: rgba(255,255,255,.15);
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.notif-list,
#notif-list.notif-list {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
}

.kj-brand-logo-w34-h34-contain {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.kj-options-2 {
  gap: 12px;
  margin-bottom: 20px;
}

.kj-coach-kibe,
#kj-coach-kibe.kj-coach-kibe,
#kj-coach-beti.kj-coach-kibe,
#kj-coach-tibi.kj-coach-kibe {
  padding: 16px;
}

.kj-coach-kibe-flex-circle-w44-h44 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg,#0F2B1A,#1A5C32);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.kj-option-text-2 {
  margin-left: 10px;
}

.kj-coach-beti-flex-circle-w44-h44 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg,#5B21B6,#7C3AED);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.kj-coach-tibi-flex-circle-w44-h44 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg,#92400E,#D97706);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}

.kj-s5-text-center {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.kj-s5 {
  font-size: 52px;
  margin-bottom: 10px;
}

.kj-question-2 {
  margin-bottom: 6px;
}

.kj-s5-rounded-gradient {
  background: linear-gradient(135deg,#0F2B1A 0%,#1A5C32 100%);
  border-radius: 18px;
  padding: 20px 18px;
  width: 100%;
  margin-bottom: 18px;
  box-shadow: 0 6px 24px rgba(21,128,61,.25);
}

.kj-s5-bold {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 10px;
}

.kj-s5-bold-2 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 14px;
}

.kj-s5-rounded {
  background: rgba(255,255,255,.12);
  border-radius: 12px;
  padding: 14px 16px;
}

.kj-s5-bold-3 {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.7);
  margin-bottom: 10px;
}

.kj-time-grid-grid,
#kj-time-grid.kj-time-grid-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.kj-time-btn-rounded-clickable-bold {
  padding: 10px 6px;
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.2);
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  font-family: DM Sans,sans-serif;
  transition: all .15s;
}

.kj-time-btn-2 {
  font-size: 9px;
  font-weight: 400;
  opacity: .7;
}

.kj-time-confirm-none-text-center-rounded,
#kj-time-confirm.kj-time-confirm-none-text-center-rounded {
  display: none;
  margin-top: 12px;
  padding: 10px 12px;
  background: rgba(74,222,128,.18);
  border: 1px solid rgba(74,222,128,.4);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #2E8B4A;
  text-align: center;
}

.kj-s5-rounded-2 {
  background: #EDF5EF;
  border: 1.5px solid #9CC8A9;
  border-radius: 14px;
  padding: 14px 16px;
  width: 100%;
  margin-bottom: 20px;
}

.kj-s5-bold-4 {
  font-size: 12px;
  font-weight: 700;
  color: #0F2B1A;
  margin-bottom: 6px;
}

.kj-s5-2 {
  font-size: 11.5px;
  color: #374151;
  line-height: 1.7;
}

.kj-lockin-btn,
#kj-lockin-btn.kj-lockin-btn {
  opacity: .5;
  pointer-events: none;
}

.kj-gate-progress-fill-2,
#kj-gate-progress-fill.kj-gate-progress-fill-2 {
  width: 0%;
}

/* ── MY JOURNEY (points / tier ladder / rewards preview) — see app.15.js.
   Ported from the older Kibeti build's "My Money Nav" rewrite; only the
   .mm-item button style and the .mm-j* journey-panel classes are needed
   here, since the tab-bar/drawer part of that system wasn't ported. ── */
.mm-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;
  background:var(--surface,#fff);border:1.5px solid var(--border,#E8EAED);border-radius:15px;
  cursor:pointer;font-family:'DM Sans',sans-serif;text-align:left;transition:transform .08s ease}
.mm-item:active{transform:scale(.98)}
/* My Journey: a genuine full-screen destination, not a bottom sheet.
   Two stacked panels live inside #mm-journey: the main journey (tree +
   section cards) and a detail panel that pushes in from the right when a
   card is tapped, each with its own back-arrow header. */
#mm-jpanel-wrap{position:absolute;inset:0;overflow:hidden}
.mm-jpanel{position:absolute;inset:0;max-width:480px;margin:0 auto;background:var(--surface,#fff);
  display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.3,1,.4,1)}
#mm-jmain{transform:translateX(100%);z-index:0}
#mm-journey.open #mm-jmain{transform:translateX(0)}
#mm-jdetail{transform:translateX(100%);z-index:1;box-shadow:-6px 0 24px rgba(0,0,0,.14)}
#mm-journey.detail-open #mm-jdetail{transform:translateX(0)}
.mm-jheader{flex-shrink:0;display:flex;flex-direction:column;gap:10px;
  padding:calc(env(safe-area-inset-top,0px) + 16px) 18px 14px;border-bottom:1px solid var(--border,#E8EAED)}
.mm-jback{display:flex;align-items:center;gap:6px;background:none;border:none;padding:4px;margin:-4px;
  cursor:pointer;color:var(--g700,#1A5C32);font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:700;
  align-self:flex-start}
.mm-jheadtx b{font-size:19px;font-weight:800;color:var(--tp,#111827);display:block;letter-spacing:-.3px}
.mm-jheadtx small{font-size:11px;color:var(--ts,#6B7280);display:block;margin-top:2px;line-height:1.4}
.mm-jbody{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px calc(env(safe-area-inset-bottom,0px) + 24px)}
.mm-jgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mm-jcard{display:flex;align-items:center;gap:12px;padding:16px 14px;border-radius:16px;min-height:88px;
  border:1.5px solid var(--border,#E8EAED);background:var(--surface,#fff);cursor:pointer;
  text-align:left;font-family:'DM Sans',sans-serif;transition:transform .08s ease}
.mm-jcard:active{transform:scale(.97)}
.mm-jcard .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:19px;flex-shrink:0}
.mm-jcard .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.mm-jcard .tx b{font-size:13px;font-weight:800;color:var(--tp,#111827);line-height:1.3}
.mm-jcard .tx small{font-size:10px;color:var(--ts,#6B7280);line-height:1.4}
#mm-jlist{display:flex;flex-direction:column;gap:7px}
.mm-tierrow{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;
  border:1.5px solid var(--border,#E8EAED);background:var(--surface,#fff)}
.mm-tierrow.cur{border-color:#1A5C32;background:var(--g50,#EDF5EF)}
.mm-tierrow.locked{opacity:.55}
.mm-tierrow .te{font-size:20px;width:26px;text-align:center;flex-shrink:0}
.mm-tierrow .tt{flex:1;min-width:0}
.mm-tierrow .tt b{font-size:12.5px;font-weight:800;color:var(--tp,#111827);display:block}
.mm-tierrow .tt small{font-size:9.5px;color:var(--ts,#6B7280);line-height:1.4}
.mm-tierrow .tp{font-size:9.5px;font-weight:800;color:var(--ts,#6B7280);flex-shrink:0;text-align:right}
.mm-tierrow.cur .tp{color:#1A5C32}
#mm-jbar{height:6px;background:#E5E7EB;border-radius:4px;overflow:hidden;margin:5px 0 2px}
#mm-jbar div{height:100%;background:linear-gradient(90deg,#1A5C32,#2E8B4A);border-radius:4px}
.mm-jtreewrap{background:var(--g50,#EDF5EF);
  border:1.5px solid var(--g200,#9CC8A9);border-radius:16px;padding:18px 10px 14px;margin-bottom:12px}
.mm-jnext{display:flex;align-items:flex-start;gap:10px;background:var(--g50,#EDF5EF);
  border:1.5px solid var(--g200,#9CC8A9);border-radius:14px;padding:12px 14px}
.mm-jnext .em{font-size:22px;flex-shrink:0}
.mm-jnext b{font-size:12.5px;font-weight:800;color:var(--g800,#0F2B1A);display:block;margin-bottom:2px}
.mm-jnext small{font-size:10.5px;color:var(--g700,#1A5C32);line-height:1.55}
.mm-jptrow{display:flex;align-items:flex-start;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--border,#F3F4F6)}
.mm-jptrow:last-child{border-bottom:none}
.mm-jptrow .em{font-size:15px;flex-shrink:0;margin-top:1px;width:18px;text-align:center}
.mm-jptrow .tx{flex:1;min-width:0}
.mm-jptrow .tx b{font-size:12px;font-weight:700;color:var(--tp,#111827)}
.mm-jptrow .tx small{font-size:10px;color:var(--ts,#6B7280);line-height:1.5;display:block;margin-top:1px}
.mm-jptrow .val{font-size:12px;font-weight:800;color:#1A5C32;flex-shrink:0;white-space:nowrap;margin-top:1px}
.mm-jtotal{display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,#0F2B1A,#1A5C32);border-radius:14px;padding:13px 16px;margin-top:8px}
.mm-jtotal b{font-size:12.5px;font-weight:800;color:#fff}
.mm-jtotal span{font-size:18px;font-weight:800;color:#fff}
.mm-jpcat{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#9CA3AF;margin:14px 0 2px}
.mm-jpcat:first-child{margin-top:0}
.mm-jreward{display:flex;align-items:center;gap:10px;padding:9px 0;
  border-bottom:1px solid var(--border,#F3F4F6)}
.mm-jreward:last-child{border-bottom:none}
.mm-jreward .em{width:34px;height:34px;border-radius:10px;background:var(--surface,#FEF9EC);
  border:1.5px solid var(--border,#E8EAED);display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0}
.mm-jreward .tx{flex:1;min-width:0}
.mm-jreward .tx b{font-size:11.5px;font-weight:800;color:var(--tp,#111827);display:block;line-height:1.3}
.mm-jreward .tx small{font-size:9.5px;color:var(--ts,#6B7280)}
.mm-jreward .rt{flex-shrink:0;text-align:right}
.mm-jreward .rt b{font-size:11.5px;font-weight:800;display:block}
.mm-jreward .rt small{font-size:8.5px;font-weight:700}