/* BuyLinks visual system: logo-led navy, sapphire and restrained berry. */
:root {
    color-scheme: light;
    --brand-ink: #101b31;
    --brand-navy: #172744;
    --brand-blue: #315a9b;
    --brand-blue-bright: #4776c5;
    --brand-berry: #a12a73;
    --brand-berry-soft: #f7eaf2;
    --brand-cyan: #5b9dc9;
    --surface-page: #f4f6fa;
    --surface-card: #ffffff;
    --surface-muted: #f8f9fc;
    --surface-raised: #ffffff;
    --text-main: #1a263b;
    --text-secondary: #5e6a7d;
    --text-subtle: #788497;
    --border-soft: #e2e7ef;
    --shadow-card: 0 8px 28px rgba(20, 36, 62, .07);
    --shadow-raised: 0 18px 48px rgba(20, 36, 62, .12);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --sidebar-width: 264px;
    --sidebar-collapsed-width: 76px;
    --header-height: 68px;
    --ease-ui: cubic-bezier(.2, .75, .25, 1);
    --bs-primary: var(--brand-blue);
    --bs-primary-rgb: 49, 90, 155;
    --bs-link-color: var(--brand-blue);
    --bs-link-hover-color: #24477f;
    --bs-body-color: var(--text-main);
    --bs-body-bg: var(--surface-page);
    --bs-border-color: var(--border-soft);
}

html { scroll-behavior: smooth; }
body {
    color: var(--text-main);
    background: var(--surface-page);
    font-family: Inter, "Segoe UI", sans-serif;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

::selection { color: #fff; background: var(--brand-blue); }
:focus-visible { outline: 3px solid rgba(71, 118, 197, .55); outline-offset: 3px; }

.btn {
    --bs-btn-font-weight: 650;
    --bs-btn-border-radius: 11px;
    min-height: 42px;
    padding: .65rem 1.1rem;
    gap: .45rem;
    font-size: .9rem;
    line-height: 1.3;
    transition: transform .18s var(--ease-ui), box-shadow .18s var(--ease-ui), background-color .18s ease, border-color .18s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn::before { display: none !important; }
.btn-primary {
    --bs-btn-bg: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-bg: #284b82;
    --bs-btn-hover-border-color: #284b82;
    --bs-btn-active-bg: #203d6c;
    --bs-btn-active-border-color: #203d6c;
    box-shadow: 0 5px 14px rgba(49, 90, 155, .19);
}
.btn-primary:hover { box-shadow: 0 8px 20px rgba(49, 90, 155, .25); }
.btn-outline-primary { --bs-btn-color: var(--brand-blue); --bs-btn-border-color: #b7c7df; --bs-btn-hover-bg: var(--brand-blue); --bs-btn-hover-border-color: var(--brand-blue); }
.btn-secondary { --bs-btn-bg: var(--brand-navy); --bs-btn-border-color: var(--brand-navy); }
.btn-link { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.form-control, .form-select, .input-group-text {
    min-height: 44px;
    color: var(--text-main);
    background-color: var(--surface-raised);
    border-color: var(--border-soft);
    border-radius: 11px;
}
.form-control, .form-select { padding: .65rem .85rem; }
.form-control:focus, .form-select:focus {
    color: var(--text-main);
    background-color: var(--surface-raised);
    border-color: var(--brand-blue-bright);
    box-shadow: 0 0 0 .22rem rgba(71, 118, 197, .14);
}
.form-label { margin-bottom: .45rem; color: var(--text-main); font-size: .87rem; font-weight: 650; }
.form-text, .text-muted { color: var(--text-secondary) !important; }
.card, .modal-content, .dropdown-menu {
    color: var(--text-main);
    background-color: var(--surface-card);
    border-color: var(--border-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
}
.card { overflow: hidden; }
.card-header { color: var(--text-main); background: var(--surface-muted); border-color: var(--border-soft); }
.dropdown-item { color: var(--text-main); }
.dropdown-item:hover, .dropdown-item:focus { color: var(--brand-blue); background: rgba(71, 118, 197, .09); }
.dropdown-divider { border-color: var(--border-soft); }
.table { --bs-table-color: var(--text-main); --bs-table-bg: transparent; --bs-table-border-color: var(--border-soft); --bs-table-striped-bg: rgba(35, 58, 91, .025); --bs-table-hover-bg: rgba(71, 118, 197, .055); }
.table > :not(caption) > * > * { color: var(--text-main); border-color: var(--border-soft); }
.table thead th { color: var(--text-secondary); font-size: .75rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.table-responsive { border-radius: var(--radius-sm); }
.badge { font-weight: 650; letter-spacing: .01em; }
.alert { color: var(--text-main); border-radius: 12px; }
.bg-light { background-color: var(--surface-muted) !important; }
.text-dark { color: var(--text-main) !important; }

/* Public navigation and content surfaces */
.navbar {
    background: rgba(16, 27, 49, .96) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    box-shadow: 0 8px 30px rgba(7, 16, 33, .13);
    backdrop-filter: blur(16px);
}
.navbar + div[style*="padding-top"] { padding-top: 78px !important; }
.navbar-brand, .navbar-brand:hover { color: #fff; }
.navbar-brand .brand-logo { width: 36px; height: 36px; object-fit: contain; }
.navbar .nav-link { color: rgba(240, 245, 255, .76) !important; font-size: .84rem; font-weight: 580; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: #fff !important; }
.navbar .nav-link.dropdown-toggle { border: 0; background: transparent; }
.navbar .navbar-toggler { border: 1px solid rgba(255,255,255,.2); }
.navbar .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(255,255,255,.15); }
.theme-toggle, .dashboard-theme-toggle {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    cursor: pointer;
}
.theme-toggle:hover, .dashboard-theme-toggle:hover { background: rgba(255,255,255,.18); }
.hero-section { background: radial-gradient(ellipse at 80% 25%, rgba(72, 112, 177, .25), transparent 40%), linear-gradient(135deg, #101b31, #1a2c4a 65%, #172443); }
.hero-section::after { animation: none !important; }
.hero-title, .hero-section h1 { letter-spacing: -.045em; }
.hero-badge { display: inline-flex; align-items: center; gap: .55rem; padding: .48rem .82rem; color: #dbe7fa; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; font-size: .8rem; font-weight: 600; }
.hero-badge > i { color: #d27aaa; }
.hero-subtitle { max-width: 540px; color: rgba(234,241,251,.76); font-size: 1.02rem; }
.hero-section .stats-container { max-width: 600px; }
.hero-section .stats-card { height: 100%; padding: 1rem; color: #eff4fc; text-align: left; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.11); border-radius: 14px; box-shadow: none; }
.hero-section .stats-card h3 { margin: .65rem 0 .1rem; color: #fff; font-size: 1rem; font-weight: 680; }
.hero-section .stats-card p { margin: 0; color: rgba(225,234,246,.65); font-size: .75rem; }
.hero-section .stats-icon { display: grid; place-items: center; width: 36px; height: 36px; color: #fff; background: rgba(71,118,197,.26); border-radius: 11px; font-size: 1rem; }
.hero-image-container { min-height: 410px; display: grid; place-items: center; isolation: isolate; }
.hero-image-container::before { content: ''; position: absolute; width: min(75%, 380px); aspect-ratio: 1; border: 1px solid rgba(156,182,222,.13); border-radius: 50%; background: radial-gradient(circle, rgba(71,118,197,.19), rgba(161,42,115,.07) 48%, transparent 72%); z-index: -1; }
.main-hero-image img { width: min(64vw, 300px); max-height: 310px; object-fit: contain; filter: drop-shadow(0 24px 45px rgba(0,0,0,.35)) !important; }
.floating-image-inner { display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 20px; box-shadow: 0 16px 38px rgba(0,0,0,.25); }
.floating-image-inner i { font-size: 1.65rem !important; }
.floating-badge-inner { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem .9rem; color: #edf3fc; background: rgba(24,39,65,.86); border: 1px solid rgba(255,255,255,.13); border-radius: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.22); backdrop-filter: blur(12px); font-size: .76rem; font-weight: 600; }
.floating-badge-inner i { color: #d276a9; }
.image-stats { display: flex; gap: 0; padding: .8rem 1rem; color: #fff; background: rgba(17,31,53,.9); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.image-stats .stat-item { min-width: 92px; text-align: center; }
.image-stats .stat-item + .stat-item { border-left: 1px solid rgba(255,255,255,.13); }
.image-stats h4 { margin: 0; color: #fff; font-size: .95rem; font-weight: 700; }
.image-stats p { margin: .1rem 0 0; color: #aab9cf; font-size: .68rem; }
.section, .features-section, .plans-section, .comparison-section, .faq-section { padding-top: clamp(3.5rem, 7vw, 6.5rem); padding-bottom: clamp(3.5rem, 7vw, 6.5rem); }
.section-title, .section h2, .features-section h2 { letter-spacing: -.035em; }
.feature-card, .how-it-works-step, .stats-card, .testimonial-card, .benefit-card, .plan-card {
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    transition: transform .2s var(--ease-ui), box-shadow .2s var(--ease-ui), border-color .2s ease;
}
.feature-card:hover, .how-it-works-step:hover, .testimonial-card:hover, .benefit-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-raised); border-color: #c5d1e2; }
.feature-card-hover { position: relative; padding: 1.5rem; color: var(--text-main); background: var(--surface-card); border: 1px solid var(--border-soft); border-radius: var(--radius-md); box-shadow: var(--shadow-card); transition: transform .2s var(--ease-ui), box-shadow .2s var(--ease-ui), border-color .2s ease; }
.feature-card-hover:hover { transform: translateY(-3px); border-color: #bdcce1; box-shadow: var(--shadow-raised); }
.feature-icon-hover, .workspace-preview-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 1.1rem; color: #fff; background: linear-gradient(145deg, var(--brand-blue), #527bb8); border-radius: 13px; box-shadow: 0 6px 14px rgba(49,90,155,.16); font-size: 1.2rem; }
.feature-card-hover h4, .workspace-overview-card h3 { color: var(--text-main); font-size: 1.03rem; font-weight: 700; }
.feature-card-hover p, .workspace-overview-card p { color: var(--text-secondary); font-size: .88rem; }
.feature-arrow { position: absolute; right: 1.35rem; bottom: 1.2rem; color: #8191a8; }
.workspace-overview { background: var(--surface-muted); }
.workspace-overview-card { padding: 1.5rem; }
.workspace-overview-card > span { display: inline-block; padding-top: .8rem; color: var(--brand-blue); border-top: 1px solid var(--border-soft); font-size: .76rem; font-weight: 650; }
.about-brand-art { width: min(68%, 300px); max-height: 300px; object-fit: contain; padding: 1rem; filter: drop-shadow(0 22px 40px rgba(0,0,0,.24)); }
.about-story-logo { display: block; width: min(76%, 360px); max-height: 340px; margin: 0 auto; object-fit: contain; }
.workspace-tool-icon { display: grid !important; place-items: center; color: #fff; background: linear-gradient(145deg, var(--brand-blue), var(--brand-berry)); }
.workspace-tool-icon i { font-size: 2rem; }
.team-card, .advantage-card, .values-card { height: 100%; background: var(--surface-card); border: 1px solid var(--border-soft); border-radius: var(--radius-md); box-shadow: var(--shadow-card); overflow: hidden; }
.team-info { padding: 1.25rem; }
.team-info h5 { color: var(--text-main); font-weight: 700; }
.team-role, .team-bio { color: var(--text-secondary); }
.advantage-card, .values-card { padding: 1.4rem; }
.advantage-card h5, .values-card h4 { color: var(--text-main); font-weight: 700; }
.advantage-card p, .values-card p { color: var(--text-secondary); }
.image-stats { color: var(--text-main); background: rgba(255,255,255,.94); border: 1px solid var(--border-soft); }
.image-stats h4 { color: var(--brand-blue); }
.image-stats p { color: var(--text-secondary); }
.image-overlay-card { padding: 1.25rem; color: var(--text-main); background: var(--surface-card); border: 1px solid var(--border-soft); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.image-overlay-card h4 { color: var(--text-main); }
.image-overlay-card p { color: var(--text-secondary); }
.timeline-content { color: var(--text-main); background: var(--surface-card); border: 1px solid var(--border-soft); border-radius: var(--radius-sm); box-shadow: var(--shadow-card); }
.timeline-content h5 { color: var(--text-main); }
.timeline-content p { color: var(--text-secondary); }
.plan-card { border-radius: var(--radius-lg); }
.plan-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-raised); }
.plan-card.featured { border: 1px solid rgba(161, 42, 115, .42); }
.plan-card.featured::after { background: var(--brand-berry); }
.plan-card .btn { min-height: 44px; }
.plans-hero { min-height: 590px; padding: clamp(6.5rem, 10vw, 8rem) 0 4rem; }
.plans-hero .hero-title { max-width: 650px; }
.plans-hero .hero-stats { display: flex; gap: .8rem; flex-wrap: wrap; }
.plans-hero .hero-stat { min-width: 120px; padding: .8rem 1rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; }
.plans-hero .stat-number { display: block; color: #fff; font-size: 1rem; font-weight: 700; }
.plans-hero .stat-label { color: #b9c7db; font-size: .72rem; }
.plan-hero-visual { position: relative; display: grid; min-height: 380px; place-items: center; isolation: isolate; }
.plan-orbit { position: absolute; width: min(78%, 390px); aspect-ratio: 1; border: 1px solid rgba(179,202,237,.2); border-radius: 50%; transform: rotateX(64deg) rotateZ(-18deg); }
.plan-orbit-one { box-shadow: 0 0 70px rgba(71,118,197,.16), inset 0 0 40px rgba(161,42,115,.08); }
.plan-orbit-two { width: min(62%, 310px); transform: rotateX(64deg) rotateZ(40deg); border-color: rgba(190,111,161,.25); }
.plan-visual-window { position: relative; z-index: 1; width: min(88%, 430px); padding: 0 1.2rem 1.25rem; color: #1a263b; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,240,250,.95)); border: 1px solid rgba(255,255,255,.85); border-radius: 20px; box-shadow: 0 38px 80px rgba(2,10,24,.38), 0 8px 24px rgba(83,122,182,.17); transform: perspective(1000px) rotateY(-9deg) rotateX(4deg); }
.plan-window-top { display:flex; align-items:center; gap:5px; height:45px; border-bottom:1px solid #dce4f0; color:#71809a; }
.plan-window-top > span { width:7px;height:7px;border-radius:50%;background:#a5b2c5; }.plan-window-top > span:first-child{background:#d6808c}.plan-window-top > span:nth-child(2){background:#d4ad5f}.plan-window-top > span:nth-child(3){background:#64a98c}.plan-window-top b{margin-left:auto;font-size:.58rem;letter-spacing:.12em}
.plan-visual-body { display:flex;align-items:center;gap:1rem;padding:1.5rem .3rem 1.2rem; }.plan-visual-icon { display:grid;place-items:center;width:58px;height:58px;color:#fff;background:linear-gradient(145deg,#315a9b,#527dc2 65%,#a12a73);border-radius:17px;box-shadow:0 12px 25px rgba(49,90,155,.24);font-size:1.5rem; }.plan-visual-body small,.plan-visual-body strong{display:block}.plan-visual-body small{color:#75829a;font-size:.72rem}.plan-visual-body strong{margin-top:.2rem;color:#1b2a42;font-size:1rem}.plan-visual-row{display:flex;justify-content:space-between;gap:.5rem;padding:.8rem .85rem;color:#4a5b74;background:#e8eef7;border:1px solid #dbe4f0;border-radius:11px;font-size:.69rem;font-weight:650}.plan-visual-row i{color:#315a9b;margin-right:.25rem}
.plan-float-chip { position:absolute;z-index:2;right:1%;bottom:13%;padding:.7rem .9rem;color:#eaf1fb;background:rgba(21,36,61,.94);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.25);font-size:.73rem;font-weight:650; }.plan-float-chip i{color:#8db5ed;margin-right:.35rem}
.plans-filter { margin-top:-35px; }
.plans-filter .filter-card { padding:1.15rem 1.35rem; border-radius:16px; }
.plans-filter .filter-card h4 { margin-bottom:.85rem!important;font-size:.92rem; }
.plans-section { background:linear-gradient(180deg,#f4f6fa 0%,#f7f9fc 100%); }
.plan-card { min-height:100%; padding:.35rem; background:var(--surface-card); border:1px solid var(--border-soft); }
.plan-header { padding:1.55rem 1.45rem .75rem; }
.plan-image { width:56px;height:56px;border:0;border-radius:15px;box-shadow:none;background:#edf2f9; }
.plan-name { color:var(--text-main);font-size:1.2rem;font-weight:730;letter-spacing:-.025em; }
.plan-status { display:inline-flex;margin-top:.45rem;padding:.28rem .6rem;border-radius:999px;background:#edf5f1;color:#247b55;font-size:.68rem;font-weight:650; }
.plan-price { padding:.85rem 1.45rem 1rem;text-align:left;border-top:1px solid var(--border-soft); }
.plan-price .price-amount { color:var(--brand-blue);font-size:clamp(1.8rem,3vw,2.25rem);font-weight:780;letter-spacing:-.06em;line-height:1.15; }
.plan-price .price-amount > div { text-align:left; }.plan-price .price-period { margin-top:.3rem;color:var(--text-secondary);font-size:.72rem; }
.plan-duration { display:flex;align-items:center;gap:.7rem;margin:0 1.1rem;padding:.75rem;background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:12px; }
.duration-icon { display:grid;place-items:center;width:37px;height:37px;color:var(--brand-blue);background:var(--surface-card);border-radius:10px; }.duration-value{color:var(--text-main);font-size:.82rem;font-weight:700}.duration-label{color:var(--text-secondary);font-size:.67rem}
.plan-description { min-height:3.5em;padding:1rem 1.35rem .2rem;color:var(--text-secondary);font-size:.81rem; }
.plan-features { padding:.8rem 1.35rem; }.plan-features .features-title{color:var(--text-main);font-size:.75rem;font-weight:700}.plan-features ul{padding:0;list-style:none}.plan-features li{display:flex;gap:.55rem;margin:.48rem 0;color:var(--text-secondary);font-size:.78rem}.plan-features li i{color:#258562;flex:0 0 auto}
.plan-commissions { margin:0 1.1rem;padding:.75rem .15rem;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft); }.commission-row{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0;color:var(--text-secondary);font-size:.73rem}.commission-value{color:var(--brand-blue);font-weight:700}
.plan-footer { margin-top:auto;padding:1rem 1.1rem .8rem; }.plan-footer .btn{border-radius:11px}.plan-card:hover{transform:translateY(-5px);border-color:#b8c9e1}.plan-card.featured{box-shadow:0 16px 40px rgba(49,90,155,.11)}
.comparison-section { background:var(--surface-card); }.comparison-table{overflow:hidden;padding:1rem;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:18px;box-shadow:var(--shadow-card)}
.comparison-table table { margin:0;min-width:760px; }.comparison-table td:first-child,.comparison-table th:first-child{min-width:170px;font-weight:650}.comparison-table tfoot td{border-bottom:0}
.plan-decision-section { background:#eef2f8; }.plan-decision-section .benefit-card{height:100%;padding:1.4rem;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:16px}.plan-decision-section .benefit-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:.9rem;color:#fff;background:linear-gradient(145deg,#315a9b,#527bc0);border-radius:13px;font-size:1.1rem}.plan-decision-section .benefit-card h4{color:var(--text-main);font-size:.96rem;font-weight:700}.plan-decision-section .benefit-card p{margin:0;color:var(--text-secondary);font-size:.81rem}
.workflow-3d-scene,.contact-3d-scene,.faq-3d-scene,.affiliate-3d-scene,.rewards-3d-scene{position:relative;display:grid;min-height:350px;place-items:center;isolation:isolate}.workflow-3d-scene{min-height:390px}.workflow-orbit,.contact-orbit,.faq-visual-orbit,.affiliate-orbit,.reward-halo{position:absolute;width:min(82%,390px);aspect-ratio:1;border:1px solid rgba(129,162,210,.3);border-radius:50%;background:radial-gradient(circle,rgba(71,118,197,.18),rgba(161,42,115,.06) 45%,transparent 70%);transform:rotateX(62deg) rotateZ(-20deg)}
.workflow-stage{position:absolute;z-index:1;display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;color:#eaf0f8;background:rgba(20,36,62,.96);border:1px solid rgba(255,255,255,.17);border-radius:15px;box-shadow:0 18px 44px rgba(0,0,0,.28);font-size:.75rem;font-weight:650}.workflow-stage i{display:grid;place-items:center;width:35px;height:35px;color:#fff;background:linear-gradient(145deg,#315a9b,#a12a73);border-radius:10px;font-size:1rem}.stage-plan{top:16%;left:8%;transform:perspective(700px) rotateY(12deg) rotateX(6deg)}.stage-referral{top:43%;right:4%;transform:perspective(700px) rotateY(-12deg) rotateX(6deg)}.stage-account{bottom:13%;left:18%;transform:perspective(700px) rotateY(8deg) rotateX(-4deg)}.workflow-link{position:absolute;z-index:-1;width:42%;height:1px;background:linear-gradient(90deg,rgba(117,156,216,.05),rgba(117,156,216,.65),rgba(169,88,145,.12));transform:rotate(22deg)}.link-one{top:38%;left:27%}.link-two{bottom:32%;left:31%;transform:rotate(-24deg)}
.workflow-step-visual{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.45rem;min-height:220px;padding:1.5rem;color:#e9eff9;background:radial-gradient(circle at 85% 10%,rgba(91,139,206,.24),transparent 36%),linear-gradient(145deg,#172842,#101a2b);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 22px 46px rgba(9,20,38,.23);transform:perspective(800px) rotateY(-7deg) rotateX(2deg)}.workflow-step-visual i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:.5rem;color:#fff;background:linear-gradient(145deg,#315a9b,#a12a73);border-radius:15px;font-size:1.35rem}.workflow-step-visual span{font-size:1rem;font-weight:700}.workflow-step-visual small{color:#aebbd0;font-size:.74rem}
.contact-visual-panel,.faq-visual-window,.affiliate-product-panel{position:relative;z-index:1;width:min(82%,390px);padding:1rem;color:#20304a;background:linear-gradient(145deg,#fdfefe,#e9eff8);border:1px solid rgba(255,255,255,.85);border-radius:19px;box-shadow:0 36px 72px rgba(3,12,26,.34);transform:perspective(1000px) rotateY(-9deg) rotateX(4deg)}.contact-visual-head,.faq-window-head,.affiliate-panel-head{display:flex;align-items:center;gap:.65rem;padding:.25rem .2rem .8rem;border-bottom:1px solid #dbe3ef;font-size:.78rem}.contact-visual-head i,.faq-window-head i{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:linear-gradient(145deg,#315a9b,#a12a73);border-radius:9px}.contact-visual-head span{margin-left:auto;color:#75839a}.contact-message{display:flex;align-items:center;gap:.55rem;width:max-content;max-width:90%;margin-top:.85rem;padding:.65rem .75rem;border-radius:10px;font-size:.7rem}.message-in{color:#52617a;background:#e9eef6}.message-in i{color:#5175a9}.message-out{margin-left:auto;color:#fff;background:#315a9b}.contact-input-mock{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.65rem .75rem;color:#8a96a9;background:#fff;border:1px solid #dbe3ef;border-radius:9px;font-size:.67rem}.contact-input-mock i{color:#315a9b;font-size:1rem}.contact-float-note{position:absolute;right:0;bottom:11%;z-index:2;padding:.7rem .85rem;color:#eff4fb;background:#192b47;border:1px solid rgba(255,255,255,.15);border-radius:11px;box-shadow:0 14px 30px rgba(0,0,0,.25);font-size:.7rem}.contact-float-note i{margin-right:.35rem;color:#91b5e8}
.faq-visual-window{width:min(84%,390px);padding:1.1rem}.faq-window-head strong{font-size:.85rem}.faq-search-mock{display:flex;gap:.5rem;align-items:center;margin:.9rem 0;padding:.65rem;color:#7a879c;background:#f4f6fa;border:1px solid #dce4ef;border-radius:9px;font-size:.68rem}.faq-topic-row{display:flex;align-items:center;gap:.65rem;padding:.65rem .25rem;color:#445570;border-bottom:1px solid #e4eaf2;font-size:.7rem}.faq-topic-row i:first-child{color:#416aab}.faq-topic-row i:last-child{margin-left:auto;color:#99a5b7;font-size:.65rem}
.affiliate-3d-scene{min-height:340px}.affiliate-orbit{width:min(80%,360px)}.affiliate-product-panel{padding:1rem 1.1rem}.affiliate-panel-head{color:#65738b;font-size:.6rem;font-weight:700;letter-spacing:.09em}.affiliate-panel-head i{margin-left:auto}.affiliate-panel-flow{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:1.3rem .25rem 1rem;color:#8090a7}.affiliate-node{display:grid;place-items:center;width:54px;height:54px;color:#fff;background:linear-gradient(145deg,#315a9b,#527bc0);border:4px solid #e2eaf5;border-radius:17px;box-shadow:0 9px 22px rgba(40,73,122,.2);font-size:1.15rem}.affiliate-node-accent{background:linear-gradient(145deg,#8c2b72,#be518d)}.affiliate-panel-lines{display:grid;gap:6px;padding:.65rem .2rem}.affiliate-panel-lines i{display:block;width:100%;height:6px;background:#e0e7f1;border-radius:6px}.affiliate-panel-lines i:nth-child(2){width:74%}.affiliate-panel-lines i:nth-child(3){width:88%}
.member-voice-empty{display:flex;align-items:center;gap:1rem;max-width:900px;margin:0 auto;padding:1.4rem 1.5rem;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:17px;box-shadow:var(--shadow-card)}.voice-empty-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;color:#fff;background:linear-gradient(145deg,#315a9b,#a12a73);border-radius:14px;font-size:1.25rem}.member-voice-empty strong{color:var(--text-main);font-size:.96rem}.member-voice-empty p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.8rem}.member-voice-empty .btn{margin-left:auto;white-space:nowrap}
.rewards-3d-scene{min-height:390px}.reward-halo{width:min(82%,370px)}.reward-box{position:relative;z-index:1;width:150px;height:132px;margin-top:48px;filter:drop-shadow(0 27px 24px rgba(0,0,0,.28));transform:perspective(700px) rotateY(-24deg) rotateX(5deg)}.reward-box-front{position:absolute;inset:19px 0 0;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#385f9d,#263f70);border:1px solid rgba(255,255,255,.25);border-radius:10px 10px 20px 20px;box-shadow:inset -18px 0 26px rgba(9,20,42,.16);font-size:2.4rem}.reward-box-lid{position:absolute;z-index:2;top:0;left:-9px;width:168px;height:38px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#557bb5,#354f83);border:1px solid rgba(255,255,255,.29);border-radius:10px;transform:skewY(-8deg);font-size:1.15rem}.reward-box-ribbon{position:absolute;z-index:3;top:12px;bottom:0;left:62px;width:28px;background:linear-gradient(90deg,#a12a73,#c45192);opacity:.92}.reward-check-card{position:absolute;right:2%;bottom:10%;z-index:3;display:grid;gap:.6rem;padding:.85rem 1rem;color:#32435d;background:#f5f8fc;border:1px solid #fff;border-radius:14px;box-shadow:0 18px 36px rgba(0,0,0,.25);font-size:.68rem;font-weight:650}.reward-check-card i{margin-right:.35rem;color:#315a9b}.reward-process-section{background:var(--surface-muted)}.reward-process-card{position:relative;height:100%;padding:1.4rem;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:16px;box-shadow:var(--shadow-card)}.reward-process-card>span{position:absolute;top:1.1rem;right:1.2rem;color:#8493aa;font-size:.72rem;font-weight:700}.reward-process-card>i{display:grid;place-items:center;width:45px;height:45px;margin-bottom:1rem;color:#fff;background:linear-gradient(145deg,#315a9b,#a12a73);border-radius:13px;font-size:1.1rem}.reward-process-card h3{color:var(--text-main);font-size:.96rem;font-weight:700}.reward-process-card p{margin:0;color:var(--text-secondary);font-size:.8rem}
.products-hero-section{position:relative;display:grid;min-height:410px;overflow:hidden;color:#f3f6fb;background:radial-gradient(ellipse at 78% 35%,rgba(71,118,197,.27),transparent 42%),linear-gradient(130deg,#101b31,#1a2c4a 70%,#172443)}.products-hero-section>.container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding-block:5rem}.products-hero-copy{max-width:600px}.products-hero-copy h1{max-width:600px;margin:1rem 0;color:#fff;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:760;letter-spacing:-.055em;line-height:1.05}.products-hero-copy h1 span{color:#9db8e6}.products-hero-copy p{max-width:460px;margin-bottom:1.5rem;color:#bec9d9}.products-3d-scene{position:relative;display:grid;min-height:300px;place-items:center;isolation:isolate}.products-orbit{position:absolute;width:280px;aspect-ratio:1;border:1px solid rgba(173,197,232,.27);border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);background:radial-gradient(circle,rgba(71,118,197,.24),transparent 68%)}.products-stack{position:absolute;display:flex;flex-direction:column;gap:.45rem;width:220px;padding:1.2rem;color:#eaf1fb;background:linear-gradient(145deg,rgba(45,70,108,.96),rgba(20,35,59,.98));border:1px solid rgba(255,255,255,.19);border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.3);transform:perspective(800px) rotateY(-12deg) rotateX(7deg)}.products-stack i{font-size:1.75rem;color:#a9c4ec}.products-stack span{font-size:.88rem;font-weight:700}.products-stack small{color:#b5c3d7;font-size:.68rem}.stack-back{top:18%;right:9%;opacity:.68;transform:perspective(800px) rotateY(15deg) rotateX(8deg) translate(-26px,-12px)}.stack-front{z-index:1;bottom:17%;left:10%}.products-float-tag{position:absolute;right:0;bottom:8%;z-index:2;padding:.65rem .8rem;color:#edf3fb;background:#213655;border:1px solid rgba(255,255,255,.17);border-radius:10px;box-shadow:0 12px 25px rgba(0,0,0,.24);font-size:.7rem}.products-float-tag i{color:#a9c4ec;margin-right:.35rem}.product-card{border:1px solid var(--border-soft)!important;border-radius:17px!important;box-shadow:var(--shadow-card)!important;transition:transform .2s var(--ease-ui),box-shadow .2s var(--ease-ui)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-raised)!important}.product-image-stage{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff,#e8edf5)!important}.product-image-stage img{padding:1rem;object-fit:contain!important;mix-blend-mode:multiply}.product-image-stage:has(.text-muted){color:var(--brand-blue)}
.about-workspace-visual{position:relative;display:grid;min-height:340px;place-items:center;isolation:isolate}.about-visual-orbit{position:absolute;width:min(80%,350px);aspect-ratio:1;border:1px solid rgba(71,118,197,.24);border-radius:50%;background:radial-gradient(circle,rgba(71,118,197,.2),rgba(161,42,115,.06) 48%,transparent 72%);transform:rotateX(65deg) rotateZ(-20deg)}.about-ui-panel{position:relative;z-index:1;width:min(90%,390px);padding:1rem;color:#24344e;background:linear-gradient(145deg,#fbfdff,#e7edf7);border:1px solid #fff;border-radius:18px;box-shadow:0 32px 68px rgba(7,19,39,.3);transform:perspective(1000px) rotateY(-9deg) rotateX(4deg)}.about-ui-head{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid #dce4ef}.about-ui-head img{width:26px;height:26px;object-fit:contain}.about-ui-head strong{color:#263852;font-size:.75rem}.about-ui-head>i{margin-left:auto;color:#77869c}.about-ui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 0}.about-ui-kpis span{display:grid;justify-items:center;gap:.4rem;padding:.7rem .35rem;background:#f3f6fb;border:1px solid #e0e7f1;border-radius:10px}.about-ui-kpis i{color:#315a9b;font-size:1.1rem}.about-ui-kpis b{color:#566780;font-size:.57rem}.about-ui-record{display:flex;align-items:center;gap:.5rem;padding:.7rem;color:#43546d;background:#eaf0f8;border-radius:10px;font-size:.63rem}.about-ui-record>i{color:#23855f}.about-ui-record b{margin-left:auto;color:#315a9b}.about-visual-link{position:absolute;right:0;bottom:6%;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.65rem .8rem;color:#eef4fb;background:#1a2d4b;border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 12px 24px rgba(0,0,0,.22);font-size:.7rem;text-decoration:none}.about-visual-link:hover{color:#fff}
.hero-image-container{isolation:isolate}.home-dashboard-mockup{position:relative;z-index:2;width:min(88%,470px);padding:0 1rem 1rem;color:#263851;text-align:left;background:linear-gradient(145deg,#fbfdff,#e8eef7);border:1px solid rgba(255,255,255,.85);border-radius:20px;box-shadow:0 38px 85px rgba(2,10,25,.36),0 10px 28px rgba(69,108,165,.18);transform:perspective(1100px) rotateY(-9deg) rotateX(4deg)}.home-mockup-top{display:flex;align-items:center;gap:.55rem;height:54px;border-bottom:1px solid #dce4ef}.home-mockup-top img{width:29px;height:29px;object-fit:contain}.home-mockup-top strong{color:#263851;font-size:.75rem}.home-mockup-top span{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;color:#5577a6;background:#e6edf7;border-radius:8px}.home-mockup-body{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding-top:1rem}.home-mockup-body aside{display:grid;align-content:start;justify-items:center;gap:.7rem;padding:.55rem 0;color:#7890b2;background:#eef2f8;border-radius:10px}.home-mockup-body aside i:first-child{color:#315a9b}.home-mockup-main>small{color:#6f819c;font-size:.52rem;font-weight:750;letter-spacing:.12em}.home-mockup-main h3{margin:.28rem 0 .8rem;color:#23334b;font-size:1rem;font-weight:740;letter-spacing:-.03em}.mockup-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mockup-stat-row span{display:grid;gap:.3rem;padding:.7rem;background:#f5f7fb;border:1px solid #e1e7f0;border-radius:10px}.mockup-stat-row i{color:#315a9b;font-size:.9rem}.mockup-stat-row b{color:#3e5069;font-size:.61rem}.mockup-stat-row small{color:#7c8ba1;font-size:.52rem}.mockup-activity{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;padding:.6rem .65rem;color:#4b5e78;background:#eaf0f8;border-radius:9px;font-size:.57rem}.mockup-activity i{color:#25845f}.mockup-activity b{margin-left:auto;color:#315a9b;font-size:.54rem}
.plans-hero .hero-image-wrapper,.plans-hero .hero-image-wrapper:hover{height:auto;margin:0;overflow:visible;border-radius:0;box-shadow:none}.plans-hero .hero-image-wrapper .hero-image{position:relative}.plans-hero .image-overlay-card{position:absolute;right:0;bottom:0;max-width:230px}.plans-hero .plan-hero-visual{width:100%}.contact-hero .hero-image-wrapper,.faq-hero .hero-image-wrapper,.how-it-works-hero .hero-image-wrapper{height:auto;margin:0;overflow:visible;border-radius:0;box-shadow:none}.contact-hero .hero-image-wrapper .hero-image,.faq-hero .hero-image-wrapper .hero-image,.how-it-works-hero .hero-image-wrapper .hero-image{position:relative}.contact-hero .hero-image-wrapper .contact-3d-scene,.faq-hero .hero-image-wrapper .faq-3d-scene,.how-it-works-hero .hero-image-wrapper .workflow-3d-scene{width:100%}
.hero-image-wrapper{height:auto!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important}.hero-image-wrapper>.hero-image{position:relative;width:100%;height:auto}.hero-image-wrapper .hero-image{overflow:visible!important}.hero-image-wrapper .contact-3d-scene,.hero-image-wrapper .faq-3d-scene,.hero-image-wrapper .workflow-3d-scene,.hero-image-wrapper .about-workspace-visual,.hero-image-wrapper .affiliate-3d-scene,.hero-image-wrapper .rewards-3d-scene,.hero-image-wrapper .plan-hero-visual{width:100%}.surprise-hero-section .hero-image-wrapper,.affiliate-hero-section .hero-image-wrapper,.hero-section .hero-image-wrapper{height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important}.surprise-hero-section .hero-image-container{height:auto!important;min-height:390px}.surprise-hero-section .floating-badge,.surprise-hero-section .image-stats{display:none!important}.surprise-hero-section .hero-badge i{animation:none!important}.home-hero .floating-image,.hero-image-container .floating-image,.hero-image-container .floating-badge{animation:none!important}
.referral-value-section{background:#eef2f8}.referral-value-intro{height:100%;padding:clamp(1.4rem,3vw,2.4rem);color:#eef3fb;background:radial-gradient(ellipse at 85% 0,rgba(82,126,194,.24),transparent 42%),linear-gradient(145deg,#14233b,#101a2d);border:1px solid rgba(255,255,255,.08);border-radius:19px;box-shadow:0 20px 45px rgba(13,29,52,.17)}.referral-value-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:1.8rem;color:#fff;background:linear-gradient(145deg,#315a9b,#a12a73);border-radius:15px;font-size:1.25rem}.referral-value-intro .eyebrow{color:#9fb7dc;font-size:.67rem;font-weight:700;letter-spacing:.13em}.referral-value-intro h3{max-width:390px;margin:.8rem 0;color:#fff;font-size:clamp(1.4rem,3vw,2rem);font-weight:730;letter-spacing:-.035em}.referral-value-intro p{max-width:430px;color:#bdc9dc;font-size:.87rem}.referral-value-intro .text-link{display:inline-flex;gap:.5rem;align-items:center;margin-top:.7rem;color:#d9e6f9;font-size:.82rem;font-weight:650;text-decoration:none}.referral-flow-card{height:100%;padding:clamp(1.3rem,3vw,2.2rem);background:var(--surface-card);border:1px solid var(--border-soft);border-radius:19px;box-shadow:var(--shadow-card)}.referral-flow-head{display:flex;justify-content:space-between;align-items:flex-start}.referral-flow-head span{color:var(--brand-blue);font-size:.65rem;font-weight:750;letter-spacing:.12em}.referral-flow-head h3{margin:.35rem 0;color:var(--text-main);font-size:1.2rem;font-weight:720}.referral-flow-head>i{display:grid;place-items:center;width:40px;height:40px;color:var(--brand-blue);background:var(--surface-muted);border-radius:12px}.referral-flow-steps{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:2rem .15rem 1.5rem}.referral-flow-steps article{display:grid;justify-items:center;gap:.35rem;min-width:100px;text-align:center}.referral-flow-steps article>b{color:#8997ab;font-size:.62rem}.referral-flow-steps article>i{display:grid;place-items:center;width:54px;height:54px;color:#fff;background:linear-gradient(145deg,#315a9b,#547dc0);border:4px solid #eaf0f8;border-radius:17px;box-shadow:0 7px 15px rgba(49,90,155,.14);font-size:1.1rem}.referral-flow-steps article strong{color:var(--text-main);font-size:.73rem}.referral-flow-steps article small{color:var(--text-secondary);font-size:.63rem}.flow-connector{flex:1;height:1px;background:linear-gradient(90deg,#c8d4e4,#a9b9d0)}.referral-disclosure{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem .9rem;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:11px;font-size:.71rem}.referral-disclosure i{color:var(--brand-blue)}
.home-plans-section{background:linear-gradient(180deg,#f1f4f9,#f7f9fc)}.home-plan-card{display:flex;flex-direction:column;padding:.5rem 1rem 1rem;background:var(--surface-card)!important;border:1px solid var(--border-soft)!important;border-radius:19px!important;box-shadow:var(--shadow-card)!important}.home-plan-card .plan-header-slider{padding:1.2rem .45rem .8rem}.home-plan-card .plan-duration-badge{padding:.35rem .65rem;color:#3c659f;background:#edf2f9;border-radius:999px;font-size:.66rem;font-weight:700}.home-plan-card .plan-duration-badge.lifetime{color:#8d3b78;background:#f8eaf2}.home-plan-card .plan-name{margin:.9rem 0 .45rem;color:var(--text-main);font-size:1.14rem;font-weight:730}.home-plan-card .plan-price-slider{color:var(--brand-blue);font-size:2rem;font-weight:780;letter-spacing:-.055em}.home-plan-card .plan-price-slider span{color:var(--text-secondary);font-size:.7rem;font-weight:550;letter-spacing:0}.home-plan-card .plan-description{min-height:3em;color:var(--text-secondary);font-size:.79rem}.home-plan-rate{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .45rem;color:var(--text-secondary);border-top:1px solid var(--border-soft);font-size:.72rem}.home-plan-rate i{color:var(--brand-blue)}.home-plan-rate strong{color:var(--brand-blue);font-size:.8rem}.home-plan-card .plan-features-slider{margin:.2rem 0;padding:.85rem .45rem;list-style:none}.home-plan-card .plan-features-slider li{display:flex;gap:.5rem;margin:.45rem 0;color:var(--text-secondary);font-size:.73rem}.home-plan-card .plan-features-slider li i{color:#258562}.home-plan-card .plan-footer-slider{margin-top:auto;padding:.3rem .3rem 0}.home-plan-card .plan-savings{margin:.6rem 0 0;color:var(--text-secondary);font-size:.67rem}.referral-value-section{padding-block:clamp(3.7rem,7vw,6rem)}[data-bs-theme="dark"] .home-plans-section,[data-bs-theme="dark"] .referral-value-section{background:var(--surface-page)!important}[data-bs-theme="dark"] .home-plan-card{background:var(--surface-card)!important;border-color:var(--border-soft)!important}[data-bs-theme="dark"] .home-plan-card .plan-name,[data-bs-theme="dark"] .home-plan-card .plan-features-slider li{color:var(--text-main)}[data-bs-theme="dark"] .referral-flow-card{background:var(--surface-card);border-color:var(--border-soft)}
[data-bs-theme="dark"] .member-voice-empty{background:var(--surface-card);border-color:var(--border-soft)}[data-bs-theme="dark"] .member-voice-empty strong{color:var(--text-main)}[data-bs-theme="dark"] .member-voice-empty p{color:var(--text-secondary)}[data-bs-theme="dark"] .reward-process-section{background:var(--surface-page)!important}[data-bs-theme="dark"] .reward-process-card{background:var(--surface-card);border-color:var(--border-soft)}
@media(max-width:767.98px){.workflow-3d-scene,.rewards-3d-scene{min-height:315px}.workflow-step-visual{min-height:180px}.contact-3d-scene,.faq-3d-scene,.affiliate-3d-scene,.about-workspace-visual{min-height:300px}.home-dashboard-mockup{width:min(92%,410px);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.member-voice-empty{align-items:flex-start;flex-wrap:wrap}.member-voice-empty .btn{margin-left:59px}.products-hero-section>.container{grid-template-columns:1fr;gap:0;padding-block:6rem 2.5rem}.products-3d-scene{min-height:240px}.stack-back{top:5%;right:10%}.stack-front{bottom:10%;left:6%}.products-float-tag{bottom:2%}.referral-flow-steps{gap:.2rem}.referral-flow-steps article{min-width:82px}.referral-flow-steps article>i{width:46px;height:46px}.flow-connector{min-width:12px}.referral-flow-head h3{font-size:1.05rem}}
[data-bs-theme="dark"] .plans-section,[data-bs-theme="dark"] .comparison-section,[data-bs-theme="dark"] .plan-decision-section{background:var(--surface-page)!important}.plans-hero [data-bs-theme="dark"] .plan-visual-window{color:#e8edf5;background:linear-gradient(145deg,#e7edf6,#cad6e8)}
@media(max-width:767.98px){.plans-hero{min-height:0;padding:7rem 0 4.5rem}.plan-hero-visual{min-height:310px}.plan-visual-window{transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.plan-float-chip{right:0;bottom:5%}.plans-filter{margin-top:-25px}.plan-header{padding-inline:1rem}.plan-description{padding-inline:1rem}.plan-features{padding-inline:1rem}.plan-price{padding-inline:1rem}}
.plan-card-slider, .pricing-card {
    color: var(--text-main) !important;
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-card) !important;
    transition: transform .2s var(--ease-ui), box-shadow .2s var(--ease-ui), border-color .2s ease;
}
.plan-card-slider:hover, .pricing-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-raised) !important; }
.plan-card-slider.featured-slide, .pricing-card.featured { border-color: rgba(161,42,115,.55) !important; }
.plan-card-slider .plan-name, .pricing-card h3, .pricing-card h4 { color: var(--text-main); }
.plan-card-slider .plan-description, .pricing-card p { color: var(--text-secondary); }
.plan-card-slider .plan-price-slider, .pricing-card .price, .pricing-card .plan-price { color: var(--brand-blue); font-weight: 760; letter-spacing: -.04em; }
.plan-features-slider li, .pricing-card li { color: var(--text-secondary); }
.plan-features-slider li i, .pricing-card li i { color: #21845b; }
.plan-badge, .plan-duration-badge { border-radius: 999px; font-weight: 650; }
.plan-comparison-toggle { color: var(--text-secondary); }
.plan-comparison-toggle .active { color: var(--brand-blue); }
.timeline-step .step-content { color: var(--text-main); background: var(--surface-card) !important; border: 1px solid var(--border-soft); border-radius: var(--radius-md) !important; box-shadow: var(--shadow-card) !important; }
.timeline-step .step-content h4 { color: var(--text-main); font-weight: 700; }
.timeline-step .step-content p { color: var(--text-secondary); }
.timeline-step .step-number, .timeline-step .step-icon { background: linear-gradient(145deg, var(--brand-blue), var(--brand-berry)) !important; }
.section-badge { border-color: rgba(49,90,155,.12); color: var(--brand-blue); background: #edf2f9; }
.testimonial-rating { color: #c18a27; }
.cta-section { background: radial-gradient(ellipse at 50% 35%, rgba(64, 91, 146, .42), transparent 48%), #101b31 !important; }
.cta-badge.animate__infinite { animation-iteration-count: 1 !important; }
.plans-slider .owl-dots .owl-dot span { background: #c9d3e1; }
.plans-slider .owl-dots .owl-dot.active span { background: var(--brand-blue); }
.footer .brand-logo { width: 34px; height: 34px; object-fit: contain; }
.page-header:not(.dashboard-content .page-header) { background: radial-gradient(ellipse at 50% 110%, rgba(71,118,197,.24), transparent 56%), linear-gradient(135deg, #101b31, #1a2c4a) !important; }
.page-header:not(.dashboard-content .page-header) h1 { letter-spacing: -.045em; }
.section-subtitle { max-width: 680px; margin-inline: auto; color: var(--text-secondary); }
.cta-section .btn-outline-light { border-color: rgba(255,255,255,.38); }
.btn-danger { --bs-btn-bg: #b43d50; --bs-btn-border-color: #b43d50; }
.btn-success { --bs-btn-bg: #24865e; --bs-btn-border-color: #24865e; }
.btn-warning { --bs-btn-bg: #c58a22; --bs-btn-border-color: #c58a22; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; }
.btn-info { --bs-btn-bg: #397da8; --bs-btn-border-color: #397da8; }
.footer { color: rgba(241, 245, 252, .75); background: #101b31 !important; }
.footer a { color: rgba(241, 245, 252, .76); }
.footer a:hover { color: #fff; }

/* Shared SaaS workspace */
.dashboard-wrapper { background: var(--surface-page); }
.sidebar {
    background: linear-gradient(180deg, #111d34 0%, #142441 100%) !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 8px 0 28px rgba(12, 24, 45, .08);
}
.sidebar::before { opacity: .28; }
.sidebar::after { width: 1px !important; background: linear-gradient(180deg, transparent, rgba(98, 136, 194, .55), rgba(161, 42, 115, .34), transparent) !important; animation: none !important; }
.sidebar-header, .sidebar-footer { background: transparent !important; border-color: rgba(255,255,255,.09) !important; }
.sidebar-brand { color: #f7f9fd !important; font-size: 1.1rem !important; letter-spacing: -.025em; }
.sidebar-brand:hover { color: #fff !important; }
.sidebar-brand img { width: 34px; height: 34px; object-fit: contain; }
.sidebar-nav .nav-link { margin: 2px 12px !important; padding: .68rem .85rem !important; border-radius: 10px !important; color: #aab6c9 !important; font-size: .86rem !important; font-weight: 550 !important; }
.sidebar-nav .nav-link::before { background: #d35a9d !important; box-shadow: none !important; }
.sidebar-nav .nav-link::after { background: linear-gradient(90deg, rgba(82, 121, 184, .2), transparent) !important; }
.sidebar-nav .nav-link:hover { color: #fff !important; background: rgba(255,255,255,.07) !important; transform: translateX(2px) !important; }
.sidebar-nav .nav-link.active { color: #fff !important; background: linear-gradient(90deg, rgba(71,118,197,.28), rgba(161,42,115,.13)) !important; box-shadow: inset 0 0 0 1px rgba(157,181,216,.12) !important; }
.sidebar-nav .nav-link.active::before { height: 52%; }
.sidebar-nav .nav-link i { width: 21px; font-size: 1.05rem !important; }
.nav-section-title, .sidebar-nav small { color: #8292ad !important; letter-spacing: .11em; }
.sidebar-footer .btn-outline-danger { color: #f19bbd; border-color: rgba(241,155,189,.38); }
.main-content { background: var(--surface-page) !important; }
.dashboard-header {
    height: 68px;
    padding: 0 clamp(1rem, 3vw, 2rem) !important;
    background: rgba(255,255,255,.9) !important;
    border-bottom: 1px solid var(--border-soft) !important;
    box-shadow: 0 3px 16px rgba(17, 35, 63, .035) !important;
    backdrop-filter: blur(14px);
}
.workspace-context { align-items: center; gap: .8rem; color: var(--brand-blue); }
.workspace-context > i { display: grid; place-items: center; width: 38px; height: 38px; color: var(--brand-blue); background: #eaf0f8; border-radius: 11px; }
.workspace-context strong, .workspace-context span { display: block; }
.workspace-context strong { color: var(--text-main); font-size: .84rem; font-weight: 700; }
.workspace-context span { margin-top: .05rem; color: var(--text-secondary); font-size: .72rem; }
.header-search input { min-height: 40px; background: var(--surface-muted) !important; border: 1px solid var(--border-soft) !important; }
.header-search input:focus { background: var(--surface-card) !important; }
.user-menu { background: var(--surface-card) !important; border: 1px solid var(--border-soft) !important; }
.user-menu:hover { background: var(--surface-muted) !important; border-color: #bdcce1 !important; box-shadow: none !important; }
.user-name { color: var(--text-main) !important; }
.user-role { color: var(--text-secondary) !important; }
.dashboard-content { max-width: 1680px; padding: clamp(1.1rem, 2.6vw, 2.2rem) !important; margin-inline: auto; }
.page-header { margin-bottom: 1.6rem !important; }
.page-header h4 { color: var(--text-main) !important; font-size: clamp(1.45rem, 2vw, 1.85rem) !important; font-weight: 730 !important; letter-spacing: -.035em !important; }
.page-header p { color: var(--text-secondary) !important; font-size: .9rem !important; }
.stat-card, .dashboard-content .card, .profile-container, .referral-link-card {
    color: var(--text-main);
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-card) !important;
}
.stat-card { padding: 1.25rem !important; }
.stat-card:hover { transform: translateY(-2px) !important; box-shadow: var(--shadow-raised) !important; }
.stat-card::before { background: linear-gradient(90deg, var(--brand-blue), var(--brand-berry)) !important; height: 2px !important; }
.stat-card::after { display: none !important; }
.stat-icon, .stat-icon.bg-primary { background: linear-gradient(140deg, #315a9b, #4776c5) !important; box-shadow: 0 6px 16px rgba(49,90,155,.2) !important; }
.stat-label { color: var(--text-secondary) !important; font-size: .75rem !important; letter-spacing: .07em !important; }
.stat-value { color: var(--text-main) !important; font-size: 1.65rem !important; font-weight: 740 !important; }
.dashboard-content .card-header { background: var(--surface-card) !important; border-bottom: 1px solid var(--border-soft) !important; }
.dashboard-content .card-header h5, .dashboard-content .card-header h6 { color: var(--text-main) !important; }
.dashboard-content .card:hover { box-shadow: var(--shadow-card) !important; }
.dashboard-content .table thead th { color: var(--text-secondary) !important; background: var(--surface-muted) !important; border-color: var(--border-soft) !important; }
.dashboard-content .table td { color: var(--text-main) !important; border-color: var(--border-soft) !important; }
.dashboard-content .table tbody tr:nth-child(even) { background: rgba(35,58,91,.025) !important; }
.dashboard-content .table tbody tr:hover { background: rgba(71,118,197,.055) !important; transform: none !important; }
.dashboard-content .btn { box-shadow: none; }
.dashboard-content .btn-primary { box-shadow: 0 4px 12px rgba(49,90,155,.17); }
.sidebar-toggle { width: 40px; height: 40px; padding: .45rem !important; background: var(--brand-navy) !important; box-shadow: none !important; }
.dashboard-theme-toggle { color: var(--text-secondary); background: var(--surface-card); border: 1px solid var(--border-soft); }
.dashboard-theme-toggle:hover { color: var(--brand-blue); background: var(--surface-muted); }
.theme-lavender, .theme-silver, .theme-gold {
    --theme-primary: var(--brand-blue);
    --theme-secondary: var(--brand-berry);
    --theme-bg-gradient: var(--surface-page);
    --theme-card-bg: var(--surface-card);
    --theme-accent: var(--brand-blue-bright);
    --theme-text-muted: var(--text-secondary);
}
.dashboard-content .referral-link-box, .dashboard-content .referral-link-card,
.dashboard-content .copy-link-box { color: var(--text-main); border: 1px solid var(--border-soft); border-radius: var(--radius-md); }
.dashboard-content .table-responsive { border: 1px solid var(--border-soft); border-radius: 12px; }
.dashboard-content .pagination .page-link { color: var(--brand-blue); background: var(--surface-card); border-color: var(--border-soft); }
.dashboard-content .pagination .page-item.active .page-link { color: #fff; background: var(--brand-blue); border-color: var(--brand-blue); }
.dashboard-content .empty-state, .dashboard-content .empty-state h3 { color: var(--text-secondary); }
.dashboard-content .empty-state-icon { color: var(--brand-blue); }
.dashboard-content .profile-container { color: var(--text-main); background: var(--surface-card) !important; border-color: var(--border-soft) !important; box-shadow: var(--shadow-card) !important; }
.dashboard-content .profile-name { color: var(--text-main) !important; }
.dashboard-content .gradient-text { color: var(--brand-blue) !important; background: none !important; -webkit-text-fill-color: var(--brand-blue) !important; }
.dashboard-content .profile-id, .dashboard-content .meta-item { color: var(--text-secondary); }
.dashboard-content .avatar-inner { background: linear-gradient(140deg, var(--brand-blue), var(--brand-berry)) !important; }
.dashboard-content .avatar-status { border-color: var(--surface-card) !important; }
.dashboard-content .stat-card-inner, .dashboard-content .commission-card-mobile,
.dashboard-content .active-plan-mobile, .dashboard-content .glass {
    color: var(--text-main);
    background: var(--surface-card) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-card);
    backdrop-filter: none;
}
.dashboard-content .stat-card-inner { padding: 1.15rem !important; }
.dashboard-content .stat-icon-mobile { color: #fff; background: linear-gradient(145deg, var(--brand-blue), #527bb8) !important; }
.dashboard-content .stat-trend { color: var(--text-secondary) !important; background: var(--surface-muted) !important; border: 1px solid var(--border-soft); border-radius: 999px !important; font-size: .68rem !important; }
.dashboard-content .stat-label-mobile { color: var(--text-secondary) !important; opacity: 1 !important; font-size: .72rem !important; letter-spacing: .06em !important; }
.dashboard-content .stat-value-mobile { color: var(--text-main) !important; font-size: clamp(1.3rem, 2vw, 1.7rem) !important; }
.dashboard-content .stat-action-mobile { color: var(--brand-blue) !important; background: var(--surface-muted) !important; border: 1px solid var(--border-soft) !important; border-radius: 9px !important; }
.dashboard-content .stat-action-mobile:hover { color: #fff !important; background: var(--brand-blue) !important; }
.dashboard-content .section-header-mobile h3 { color: var(--text-main) !important; font-size: 1.1rem; font-weight: 700; }
.dashboard-content .commission-info-mobile h4, .dashboard-content .commission-amount-mobile h3 { color: var(--text-main) !important; }
.dashboard-content .commission-info-mobile p, .dashboard-content .progress-text { color: var(--text-secondary) !important; }
.dashboard-content .progress-bar-mobile { background: var(--surface-muted); border-radius: 999px; }
.dashboard-content .progress-fill { background: linear-gradient(90deg, var(--brand-blue), var(--brand-berry)) !important; border-radius: inherit; }
.dashboard-content .action-btn { color: var(--text-secondary) !important; background: var(--surface-muted) !important; border-color: var(--border-soft) !important; }
.dashboard-content .action-btn:hover { color: var(--brand-blue) !important; background: var(--surface-card) !important; }
.dashboard-content .kyc-status { padding: .3rem .55rem; font-size: .7rem; }
.dashboard-header .header-actions { gap: .7rem; }
.dashboard-header .header-actions > .dropdown > button.btn-link { width: 40px; height: 40px; display: grid; place-items: center; color: var(--text-secondary); background: var(--surface-card); border: 1px solid var(--border-soft); border-radius: 12px; text-decoration: none; }
.dashboard-header .header-actions > .dropdown > button.btn-link:hover { color: var(--brand-blue); background: var(--surface-muted); }
.dashboard-content .table .btn { min-height: 34px; padding: .38rem .68rem; font-size: .79rem; }
.dashboard-content .form-control::placeholder, .dashboard-content .form-select:invalid { color: var(--text-subtle); }
.dashboard-content .pagination { gap: 4px; }
.dashboard-content .pagination .page-link { min-width: 36px; text-align: center; border-radius: 9px; }
.dashboard-content .dataTables_wrapper .dataTables_filter input,
.dashboard-content .dataTables_wrapper .dataTables_length select { color: var(--text-main); background: var(--surface-raised); border: 1px solid var(--border-soft); border-radius: 9px; padding: .4rem .65rem; }

/* Consistent, readable dark theme across public and panel screens. */
[data-bs-theme="dark"] {
    color-scheme: dark;
    --surface-page: #0c1423;
    --surface-card: #121e30;
    --surface-muted: #172438;
    --surface-raised: #142136;
    --text-main: #e8edf5;
    --text-secondary: #b2bfd1;
    --text-subtle: #91a0b5;
    --border-soft: #29384e;
    --shadow-card: 0 8px 28px rgba(0, 0, 0, .2);
    --shadow-raised: 0 18px 44px rgba(0, 0, 0, .3);
    --bs-body-color: var(--text-main);
    --bs-body-bg: var(--surface-page);
    --bs-border-color: var(--border-soft);
    --bs-secondary-color: var(--text-secondary);
    --bs-tertiary-color: var(--text-subtle);
    --bs-secondary-bg: var(--surface-muted);
    --bs-tertiary-bg: #1b2a40;
    --bs-emphasis-color: #f4f7fb;
    --bs-link-color: #9db8e6;
    --bs-link-hover-color: #c0d3f1;
}
[data-bs-theme="dark"] body, [data-theme="dark"] body { color: var(--text-main); background: var(--surface-page) !important; }
[data-bs-theme="dark"] .text-dark, [data-theme="dark"] .text-dark { color: var(--text-main) !important; }
[data-bs-theme="dark"] .text-muted, [data-theme="dark"] .text-muted { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .bg-white, [data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .card, [data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu, [data-theme="dark"] .auth-card {
    color: var(--text-main) !important;
    background-color: var(--surface-card) !important;
    border-color: var(--border-soft) !important;
}
[data-bs-theme="dark"] .card-header, [data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .list-group-item, [data-bs-theme="dark"] .accordion-item {
    color: var(--text-main) !important;
    background-color: var(--surface-muted) !important;
    border-color: var(--border-soft) !important;
}
[data-bs-theme="dark"] .navbar-collapse { background: #101b31 !important; }
[data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text, [data-theme="dark"] .form-control,
[data-theme="dark"] .input-group-text {
    color: var(--text-main) !important;
    background-color: var(--surface-raised) !important;
    border-color: var(--border-soft) !important;
}
[data-bs-theme="dark"] .form-control::placeholder, [data-theme="dark"] .form-control::placeholder { color: #8797ad !important; }
[data-bs-theme="dark"] .form-label, [data-theme="dark"] .form-label { color: var(--text-main) !important; }
[data-bs-theme="dark"] .table, [data-bs-theme="dark"] .table > :not(caption) > * > * { color: var(--text-main) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .table thead th { color: #bac7d8 !important; background: #172438 !important; }
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > *, [data-bs-theme="dark"] .table tbody tr:nth-child(even) { --bs-table-bg-type: #152237; background: #152237 !important; }
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > *, [data-bs-theme="dark"] .table tbody tr:hover { color: #f3f6fa !important; background: #1b2b43 !important; }
[data-bs-theme="dark"] .dropdown-item { color: var(--text-main); }
[data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { color: #d6e4f8; background: #21324b; }
[data-bs-theme="dark"] .dropdown-divider { border-color: var(--border-soft); }
[data-bs-theme="dark"] .alert { color: var(--text-main); background-color: var(--surface-muted); border-color: var(--border-soft); }
[data-bs-theme="dark"] .alert-success { color: #b7f1d5; background: #143629; border-color: #27634b; }
[data-bs-theme="dark"] .alert-danger { color: #ffd0d0; background: #421f2b; border-color: #713342; }
[data-bs-theme="dark"] .alert-warning { color: #ffe4ad; background: #3b301a; border-color: #665024; }
[data-bs-theme="dark"] .alert-info { color: #c6e9ff; background: #183449; border-color: #2c5871; }
[data-bs-theme="dark"] .border, [data-bs-theme="dark"] hr { border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .btn-light { color: var(--text-main); background: #1e2d43; border-color: #31425b; }
[data-bs-theme="dark"] .btn-outline-secondary { color: #c0ccdb; border-color: #53647d; }
[data-bs-theme="dark"] .navbar .navbar-toggler-icon { filter: brightness(0) invert(1); }
[data-bs-theme="dark"] .feature-card, [data-bs-theme="dark"] .plan-card,
[data-bs-theme="dark"] .how-it-works-step, [data-bs-theme="dark"] .stats-card,
[data-bs-theme="dark"] .benefit-card, [data-bs-theme="dark"] .testimonial-card,
[data-bs-theme="dark"] .image-overlay-card, [data-bs-theme="dark"] .filter-card {
    color: var(--text-main) !important;
    background: var(--surface-card) !important;
    border-color: var(--border-soft) !important;
}
[data-bs-theme="dark"] .plan-card-slider, [data-bs-theme="dark"] .pricing-card,
[data-bs-theme="dark"] .timeline-step .step-content { color: var(--text-main) !important; background: var(--surface-card) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .plan-card-slider .plan-name, [data-bs-theme="dark"] .pricing-card h3,
[data-bs-theme="dark"] .pricing-card h4, [data-bs-theme="dark"] .timeline-step h4 { color: var(--text-main) !important; }
[data-bs-theme="dark"] .plan-card-slider .plan-description, [data-bs-theme="dark"] .pricing-card p,
[data-bs-theme="dark"] .plan-features-slider li, [data-bs-theme="dark"] .pricing-card li,
[data-bs-theme="dark"] .timeline-step .step-content p { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .plan-card-slider .plan-price-slider, [data-bs-theme="dark"] .pricing-card .price,
[data-bs-theme="dark"] .pricing-card .plan-price { color: #a8c3ef !important; }
[data-bs-theme="dark"] .section-badge { color: #b5c9e7; background: #1b2a40; border-color: #31445e; }
[data-bs-theme="dark"] .section.bg-white, [data-bs-theme="dark"] .testimonial-section,
[data-bs-theme="dark"] .features-section, [data-bs-theme="dark"] .comparison-section,
[data-bs-theme="dark"] .plans-section, [data-bs-theme="dark"] .faq-section { color: var(--text-main); background-color: var(--surface-page) !important; }
[data-bs-theme="dark"] .section-title, [data-bs-theme="dark"] .section h2,
[data-bs-theme="dark"] .features-section h2, [data-bs-theme="dark"] .comparison-section h2,
[data-bs-theme="dark"] .section h3, [data-bs-theme="dark"] .section h4 { color: var(--text-main) !important; }
[data-bs-theme="dark"] .section-subtitle, [data-bs-theme="dark"] .section p { color: var(--text-secondary); }
[data-bs-theme="dark"] .workspace-overview { background: #101a2a !important; }
[data-bs-theme="dark"] .feature-card-hover, [data-bs-theme="dark"] .workspace-overview-card { color: var(--text-main) !important; background: var(--surface-card) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .feature-card-hover h4, [data-bs-theme="dark"] .workspace-overview-card h3 { color: var(--text-main) !important; }
[data-bs-theme="dark"] .feature-card-hover p, [data-bs-theme="dark"] .workspace-overview-card p { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .workspace-overview-card > span { color: #aac3e7; border-color: var(--border-soft); }
[data-bs-theme="dark"] .image-stats, [data-bs-theme="dark"] .image-overlay-card,
[data-bs-theme="dark"] .team-card, [data-bs-theme="dark"] .advantage-card,
[data-bs-theme="dark"] .values-card, [data-bs-theme="dark"] .timeline-content { color: var(--text-main) !important; background: var(--surface-card) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .image-stats h4, [data-bs-theme="dark"] .image-overlay-card h4,
[data-bs-theme="dark"] .team-info h5, [data-bs-theme="dark"] .advantage-card h5,
[data-bs-theme="dark"] .values-card h4, [data-bs-theme="dark"] .timeline-content h5 { color: var(--text-main) !important; }
[data-bs-theme="dark"] .image-stats p, [data-bs-theme="dark"] .image-overlay-card p,
[data-bs-theme="dark"] .team-role, [data-bs-theme="dark"] .team-bio,
[data-bs-theme="dark"] .advantage-card p, [data-bs-theme="dark"] .values-card p,
[data-bs-theme="dark"] .timeline-content p { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .timeline-step .step-content { box-shadow: var(--shadow-card) !important; }
[data-bs-theme="dark"] .hero-section { background: radial-gradient(ellipse at 80% 25%, rgba(71, 118, 197, .22), transparent 42%), linear-gradient(135deg, #101b31, #1a2c4a 65%, #172443) !important; }
[data-bs-theme="dark"] .feature-card *, [data-bs-theme="dark"] .plan-card *,
[data-bs-theme="dark"] .how-it-works-step *, [data-bs-theme="dark"] .benefit-card * { color: inherit; }
[data-bs-theme="dark"] .footer { color: #c0cad9 !important; background: #08111f !important; }
[data-bs-theme="dark"] .page-header:not(.dashboard-content .page-header) { background: radial-gradient(ellipse at 50% 110%, rgba(71,118,197,.2), transparent 56%), linear-gradient(135deg, #101b31, #1a2c4a) !important; }
[data-bs-theme="dark"] .dataTables_wrapper, [data-bs-theme="dark"] .dataTables_wrapper label,
[data-bs-theme="dark"] .dataTables_info, [data-bs-theme="dark"] .dataTables_paginate { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select { color: var(--text-main) !important; background: var(--surface-raised) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .footer .text-white-50 { color: #acb8c9 !important; }
[data-bs-theme="dark"] .dashboard-header { background: rgba(18,30,48,.94) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .workspace-context > i { color: #bfd2ed; background: #1d2e47; }
[data-bs-theme="dark"] .main-content, [data-bs-theme="dark"] .dashboard-wrapper { background: var(--surface-page) !important; }
[data-bs-theme="dark"] .dashboard-content .card, [data-bs-theme="dark"] .dashboard-content .stat-card,
[data-bs-theme="dark"] .dashboard-content .profile-container { color: var(--text-main) !important; background: var(--surface-card) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .dashboard-content .page-header h4, [data-bs-theme="dark"] .dashboard-content .stat-value,
[data-bs-theme="dark"] .dashboard-content .card-header h5, [data-bs-theme="dark"] .dashboard-content .card-header h6,
[data-bs-theme="dark"] .dashboard-content h1, [data-bs-theme="dark"] .dashboard-content h2,
[data-bs-theme="dark"] .dashboard-content h3, [data-bs-theme="dark"] .dashboard-content h4,
[data-bs-theme="dark"] .dashboard-content h5, [data-bs-theme="dark"] .dashboard-content h6 { color: var(--text-main) !important; }
[data-bs-theme="dark"] .dashboard-content p, [data-bs-theme="dark"] .dashboard-content label,
[data-bs-theme="dark"] .dashboard-content small, [data-bs-theme="dark"] .dashboard-content .page-header p { color: var(--text-secondary); }
[data-bs-theme="dark"] .dashboard-content .card-header { background: var(--surface-card) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .dashboard-theme-toggle { color: #d4deeb; background: #1a2a40; border-color: #33445c; }
[data-bs-theme="dark"] .theme-lavender, [data-bs-theme="dark"] .theme-silver, [data-bs-theme="dark"] .theme-gold {
    --theme-primary: #91b1e4;
    --theme-secondary: #d075a9;
    --theme-bg-gradient: var(--surface-page);
    --theme-card-bg: var(--surface-card);
    --theme-accent: #91b1e4;
    --theme-text-muted: var(--text-secondary);
}
[data-bs-theme="dark"] .user-name { color: var(--text-main) !important; }
[data-bs-theme="dark"] .user-menu { background: var(--surface-card) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .page-header h4 { color: var(--text-main) !important; }
[data-bs-theme="dark"] .page-header p { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .btn-outline-light { color: #e9eef6 !important; border-color: rgba(233,238,246,.45) !important; }
[data-bs-theme="dark"] .btn-outline-light:hover { color: #fff !important; background: rgba(255,255,255,.12) !important; }
[data-bs-theme="dark"] .text-primary { color: #a8c3ef !important; }
[data-bs-theme="dark"] .text-secondary { color: #c0ccdb !important; }
[data-bs-theme="dark"] .text-success { color: #71d5a7 !important; }
[data-bs-theme="dark"] .text-danger { color: #ff9eaa !important; }
[data-bs-theme="dark"] .text-warning { color: #ffd079 !important; }
[data-bs-theme="dark"] .text-info { color: #8dd7ef !important; }
[data-bs-theme="dark"] .bg-primary-subtle { color: #c5d9fb !important; background: #1d3557 !important; }
[data-bs-theme="dark"] .bg-success-subtle { color: #b8f0d5 !important; background: #173a2d !important; }
[data-bs-theme="dark"] .bg-warning-subtle { color: #ffe0a1 !important; background: #3c321d !important; }
[data-bs-theme="dark"] .bg-danger-subtle { color: #ffc1c8 !important; background: #46232d !important; }
[data-bs-theme="dark"] .text-bg-light { color: #e4eaf3 !important; background: #26364d !important; }
[data-bs-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-bs-theme="dark"] .dashboard-content :is(h1,h2,h3,h4,h5,h6,p,label,small,td,th,.form-text,.text-dark,.text-muted) { color: var(--text-main) !important; }
[data-bs-theme="dark"] .dashboard-content :is(.text-muted,.form-text,small,.page-header p,.stat-label) { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .dashboard-content :is(input,select,textarea) { color: var(--text-main) !important; background-color: var(--surface-raised) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .dashboard-content [style*="background: white"], [data-bs-theme="dark"] .dashboard-content [style*="background-color: white"],
[data-bs-theme="dark"] .dashboard-content [style*="background:#fff"], [data-bs-theme="dark"] .dashboard-content [style*="background: #fff"] { background: var(--surface-card) !important; }
[data-bs-theme="dark"] .dashboard-content [style*="color: #0f172a"], [data-bs-theme="dark"] .dashboard-content [style*="color:#0f172a"],
[data-bs-theme="dark"] .dashboard-content [style*="color: #1e293b"], [data-bs-theme="dark"] .dashboard-content [style*="color:#1e293b"] { color: var(--text-main) !important; }
[data-theme="dark"] body { color: var(--text-main); background: var(--surface-page) !important; }
[data-theme="dark"] .auth-card { border-color: var(--border-soft) !important; }
[data-theme="dark"] .welcome-title, [data-theme="dark"] .auth-card p,
[data-theme="dark"] .auth-card label, [data-theme="dark"] .brand-name { color: var(--text-main); }
[data-theme="dark"] .auth-card a { color: #a8c3ef !important; }

/* AOS attributes previously hid entire sections on load or when scripts failed. */
[data-aos] { opacity: 1 !important; transform: none !important; }
.animate__infinite { animation-iteration-count: 1 !important; }

@media (max-width: 991.98px) {
    .dashboard-content { padding: 1.15rem !important; }
    .dashboard-header { gap: .75rem; }
    .sidebar { box-shadow: 18px 0 40px rgba(5, 13, 28, .28); }
}
@media (max-width: 575.98px) {
    .dashboard-content { padding: .9rem !important; }
    .page-header { align-items: flex-start !important; }
    .page-header .btn { min-height: 40px; }
    .stat-card { padding: 1rem !important; }
    .stat-icon { width: 46px !important; height: 46px !important; font-size: 1.2rem !important; }
    .stat-value { font-size: 1.35rem !important; }
    .card-body { padding: 1rem; }
}
@media (min-width: 640px) {
    .stats-grid-mobile { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .stat-card-mobile { aspect-ratio: auto !important; }
}
@media (min-width: 1200px) {
    .stats-grid-mobile { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
[data-bs-theme="dark"] .dashboard-content .gradient-text { color: #a8c3ef !important; background: none !important; -webkit-text-fill-color: #a8c3ef !important; }
[data-bs-theme="dark"] .dashboard-content .stat-card-inner, [data-bs-theme="dark"] .dashboard-content .commission-card-mobile,
[data-bs-theme="dark"] .dashboard-content .active-plan-mobile, [data-bs-theme="dark"] .dashboard-content .glass {
    color: var(--text-main) !important; background: var(--surface-card) !important; border-color: var(--border-soft) !important;
}
[data-bs-theme="dark"] .dashboard-content .stat-action-mobile { color: #b3c9e8 !important; background: var(--surface-muted) !important; border-color: var(--border-soft) !important; }
[data-bs-theme="dark"] .dashboard-content .stat-label-mobile, [data-bs-theme="dark"] .dashboard-content .profile-id,
[data-bs-theme="dark"] .dashboard-content .meta-item, [data-bs-theme="dark"] .dashboard-content .progress-text { color: var(--text-secondary) !important; }
[data-bs-theme="dark"] .dashboard-content .section-header-mobile h3,
[data-bs-theme="dark"] .dashboard-content .commission-info-mobile h4,
[data-bs-theme="dark"] .dashboard-content .commission-amount-mobile h3 { color: var(--text-main) !important; }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Refined shared navigation, workspace chrome and authentication surfaces */
.navbar { min-height: 72px; padding-block: .55rem; }
.navbar > .container { max-width: 1440px; }
.navbar-brand { gap: .1rem; }
.navbar-brand .fs-2 { font-size: 1.22rem !important; font-weight: 750; letter-spacing: -.045em; }
.navbar-brand .brand-logo { width: 34px; height: 34px; }
.navbar .navbar-nav { gap: .12rem; }
.navbar .nav-link { position: relative; padding: .62rem .68rem !important; border-radius: 9px; transition: color .18s ease, background .18s ease; }
.navbar .nav-link:hover, .navbar .nav-link.active { background: rgba(255,255,255,.075); }
.navbar .nav-link.active::after { position:absolute; right:.68rem; bottom:.25rem; left:.68rem; height:2px; content:""; background:linear-gradient(90deg,#75a6e8,#d276a9); border-radius:2px; }
.navbar .dropdown-menu { min-width: 220px; padding: .5rem; border: 1px solid rgba(255,255,255,.12); background: #14223a; }
.navbar .dropdown-item { padding: .62rem .75rem; color: #dce6f4; border-radius: 8px; }
.navbar .dropdown-item:hover { color:#fff; background:rgba(255,255,255,.09); }
.navbar .btn { min-height: 38px; padding: .5rem .95rem; }
.navbar .theme-toggle { width: 38px; height: 38px; border-radius: 11px; }
.site-footer { position: relative; padding: 2.5rem 0 1.25rem !important; overflow: hidden; border-top: 1px solid rgba(255,255,255,.09); }
.site-footer::before { position:absolute; top:-190px; left:50%; width:600px; height:260px; content:""; pointer-events:none; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(71,118,197,.16),transparent 68%); }
.footer-topline { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:2rem; padding:1rem 1.1rem; color:#dce6f4; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); border-radius:14px; font-size:.84rem; }
.footer-topline > span i { color:#d276a9; }
.footer-topline a { color:#fff; font-weight:650; text-decoration:none; }
.footer-brand { display:inline-flex; align-items:center; margin-bottom:.8rem; color:#fff; font-size:1.08rem; font-weight:750; letter-spacing:-.03em; text-decoration:none; }
.footer-brand-block p { max-width:330px; font-size:.85rem; }
.footer-column h6 { margin-bottom:1rem !important; color:#fff; font-size:.76rem; font-weight:750; letter-spacing:.085em; text-transform:uppercase; }
.footer-links li { margin:.52rem 0; }
.footer-links a { font-size:.83rem; text-decoration:none; transition:color .18s ease; }
.footer-contact li { display:flex; gap:.45rem; align-items:flex-start; margin:.6rem 0; font-size:.82rem; overflow-wrap:anywhere; }
.site-footer hr { border-color:rgba(255,255,255,.12); }
.sidebar { background:linear-gradient(180deg,#101b2e 0%,#14233b 100%) !important; }
.sidebar::after { display:none !important; }
.sidebar-header { min-height:76px; padding-inline:1.15rem !important; }
.sidebar-brand { gap:.5rem; font-size:1rem !important; }
.sidebar-brand img { width:31px; height:31px; }
.sidebar-nav { padding-top:.7rem !important; }
.sidebar-nav .nav-item > small { display:block; margin:1rem 1.5rem .35rem; font-size:.63rem; font-weight:750; }
.sidebar-nav .nav-item.mt-2 { margin-top:.8rem !important; }
.sidebar-nav .nav-link { min-height:42px; margin:2px 10px !important; padding:.62rem .8rem !important; }
.sidebar-nav .nav-link.active { background:linear-gradient(100deg,rgba(71,118,197,.28),rgba(71,118,197,.09)) !important; box-shadow:inset 2px 0 #8db4eb,inset 0 0 0 1px rgba(157,181,216,.08) !important; }
.sidebar-nav .nav-link.active::before { display:none; }
.dashboard-header { z-index:10; }
.dashboard-header .header-actions { gap:.65rem; }
.dashboard-header .dropdown > .btn { display:grid; place-items:center; width:40px; height:40px; color:var(--text-secondary); background:var(--surface-card); border:1px solid var(--border-soft); border-radius:12px; text-decoration:none; }
.dashboard-header .dropdown > .btn:hover { color:var(--brand-blue); background:var(--surface-muted); }
.user-menu { min-height:44px; padding:.3rem .55rem !important; border-radius:13px !important; }
.user-menu .avatar { width:34px !important; height:34px !important; }
.admin-badge { padding:.27rem .45rem; color:#f0b8cb; background:rgba(210,118,169,.12); border:1px solid rgba(210,118,169,.22); border-radius:999px; font-size:.58em; letter-spacing:.06em; }
.sidebar-footer { padding:1rem !important; }
.sidebar-footer .btn { min-height:40px; border-radius:10px; }
.auth-container { position:relative; z-index:1; width:min(100% - 2rem, 470px) !important; max-width:470px !important; margin:clamp(2rem,7vh,5rem) auto !important; padding:0 !important; }
.auth-header { margin-bottom:1.4rem !important; }
.logo-container { justify-content:center; gap:.55rem; margin-bottom:1.8rem !important; }
.logo-container .brand-name { font-size:1.14rem !important; font-weight:760; letter-spacing:-.035em; }
.auth-header .welcome-title { font-size:clamp(1.8rem,5vw,2.3rem) !important; font-weight:760 !important; letter-spacing:-.055em; }
.auth-header .welcome-subtitle { font-size:.92rem !important; }
.auth-card { position:relative; padding:clamp(1.25rem,4vw,2rem) !important; background:rgba(255,255,255,.94) !important; border:1px solid rgba(211,221,234,.9) !important; border-radius:22px !important; box-shadow:0 24px 70px rgba(19,37,65,.12) !important; backdrop-filter:blur(18px); }
.auth-card::before { position:absolute; top:0; left:10%; width:80%; height:2px; content:""; background:linear-gradient(90deg,transparent,#4776c5,#d276a9,transparent); }
.auth-card .form-control, .auth-card .input-group-text { min-height:48px; }
.auth-card .input-group-text { padding-inline:.9rem; color:#6f84a2; }
.auth-card .password-toggle { top:50%; transform:translateY(-50%); }
.auth-card .btn-primary { min-height:48px; }
.demo-access { margin-top:1.4rem; padding-top:1.2rem; border-top:1px solid var(--border-soft); }
.demo-access-title { margin-bottom:.8rem !important; color:#8392a8 !important; font-size:.69rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.demo-access-button { min-height:48px; color:var(--text-main); background:var(--surface-card); border-color:var(--border-soft); border-radius:12px; font-size:.9rem; font-weight:650; }
.demo-access-button:hover { color:var(--brand-blue); border-color:#a8bedc; background:var(--surface-muted); transform:translateY(-1px); }
.demo-access-note { margin:.8rem 0 0 !important; color:var(--text-secondary) !important; font-size:.82rem; }
.theme-toggle#themeToggle { top:1.25rem !important; right:1.25rem !important; z-index:5; }
.floating-shapes .shape { opacity:.28; filter:blur(1px); }
[data-bs-theme="dark"] .auth-card { background:rgba(19,31,49,.96) !important; border-color:#2b3d55 !important; }
[data-bs-theme="dark"] .auth-card :is(.form-control,.input-group-text) { color:var(--text-main) !important; background:var(--surface-raised) !important; border-color:var(--border-soft) !important; }
[data-bs-theme="dark"] .auth-card .input-group-text { color:#9db4d3 !important; }
[data-bs-theme="dark"] .auth-card .form-check-label { color:var(--text-secondary); }
[data-bs-theme="dark"] .demo-access-button { color:var(--text-main); background:var(--surface-raised); border-color:var(--border-soft); }
[data-bs-theme="dark"] .demo-access-button:hover { background:#26364d; }
[data-bs-theme="dark"] .demo-access-title { color:#9aaac0 !important; }
@media (max-width: 991.98px) {
    .navbar-collapse { margin-top:.6rem; padding:.75rem; background:#14223a; border:1px solid rgba(255,255,255,.1); border-radius:15px; box-shadow:0 18px 36px rgba(4,12,25,.25); }
    .navbar .navbar-nav { align-items:stretch !important; }
    .navbar .nav-item { text-align:left; }
    .navbar .nav-link { padding:.7rem .8rem !important; text-align:left !important; }
    .navbar .nav-link.active::after { display:none; }
    .navbar .nav-item .btn { display:block; width:auto; max-width:none; margin:.35rem 0 !important; text-align:center !important; }
    .site-footer { padding-top:2rem !important; }
}
@media (max-width: 575.98px) {
    .footer-topline { align-items:flex-start; flex-direction:column; gap:.5rem; }
    .site-footer .social-links { margin-top:1rem; }
    .auth-container { margin:2rem auto !important; }
    .auth-card { border-radius:18px !important; }
}

/* Member dashboard: consistent brand color, clearer data hierarchy */
.dashboard-content { max-width:1600px; }
.dashboard-content .profile-container { min-height:104px; padding:1.2rem 1.4rem !important; }
.dashboard-content .profile-name { font-size:clamp(1.35rem,2.5vw,1.8rem) !important; }
.dashboard-content .stat-card-mobile { min-width:0; }
.dashboard-content .stat-card-inner { min-height:174px; padding:1.1rem !important; }
.dashboard-content .stat-header-mobile { gap:.55rem; }
.dashboard-content .stat-icon-mobile { width:42px !important; height:42px !important; color:#fff !important; background:linear-gradient(145deg,#315a9b,#527cba) !important; box-shadow:0 7px 16px rgba(49,90,155,.18) !important; }
.dashboard-content .stat-icon-mobile i { color:#fff !important; }
.dashboard-content .stat-trend { color:#64748b !important; background:#f1f5f9 !important; border:1px solid #e5ebf3 !important; }
.dashboard-content .stat-label-mobile { margin-top:1rem; color:#65758b !important; font-size:.72rem !important; font-weight:650; letter-spacing:.055em; text-transform:uppercase; }
.dashboard-content .stat-value-mobile { margin:.12rem 0 .75rem; color:#315a9b !important; font-size:clamp(1.35rem,2vw,1.7rem) !important; font-weight:770 !important; letter-spacing:-.04em; }
.dashboard-content .stat-action-mobile { min-height:39px; color:#315a9b !important; background:#f5f8fc !important; border-color:#e4eaf2 !important; border-radius:10px !important; }
.dashboard-content .stat-action-mobile:hover { color:#fff !important; background:#315a9b !important; }
.dashboard-content .commission-section-mobile, .dashboard-content .plan-section-mobile, .dashboard-content .activity-section-mobile { margin-top:1.65rem; }
.dashboard-content .section-header-mobile h3, .dashboard-content .actions-title-mobile { display:flex; align-items:center; gap:.55rem; margin-bottom:.9rem; color:var(--text-main); font-size:1.12rem; font-weight:740; letter-spacing:-.025em; }
.dashboard-content .section-header-mobile h3 > i { color:var(--brand-blue); }
.income-mix-card { margin-bottom:1rem; padding:1.3rem 1.4rem; color:var(--text-main); background:var(--surface-card); border:1px solid var(--border-soft); border-radius:17px; box-shadow:var(--shadow-card); }
.income-mix-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.25rem; }
.income-mix-heading h4 { margin:.16rem 0 0; color:var(--text-main); font-size:1rem; font-weight:720; letter-spacing:-.02em; }
.income-mix-heading > i { display:grid; place-items:center; width:40px; height:40px; color:var(--brand-blue); background:var(--surface-muted); border:1px solid var(--border-soft); border-radius:12px; }
.income-mix-eyebrow { color:var(--text-secondary); font-size:.67rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.income-mix-rows { display:grid; gap:.95rem; }
.income-mix-label { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.38rem; color:var(--text-secondary); font-size:.8rem; }
.income-mix-label > span { display:inline-flex; align-items:center; gap:.5rem; }
.income-mix-label strong { color:var(--text-main); font-size:.82rem; font-weight:700; font-variant-numeric:tabular-nums; }
.income-dot { width:8px; height:8px; background:#4776c5; border-radius:50%; }
.income-dot.upline, .income-track .upline { background:#a1528c; }
.income-dot.affiliate, .income-track .affiliate { background:#6f91bd; }
.income-track { height:7px; overflow:hidden; background:var(--surface-muted); border-radius:99px; }
.income-track > span { display:block; min-width:0; height:100%; background:#4776c5; border-radius:inherit; transition:width .65s cubic-bezier(.2,.75,.25,1); }
.income-track > span:not([style*="width: 0%"]):not([style*="width: 0."]) { min-width:3px; }
.income-mix-caption { margin:.9rem 0 0; color:var(--text-secondary); font-size:.72rem; }
.dashboard-content .commission-card-mobile { min-height:155px; padding:1.15rem !important; }
.dashboard-content .commission-icon-mobile { color:#fff !important; background:linear-gradient(145deg,#315a9b,#527cba) !important; }
.dashboard-content .commission-amount-mobile .progress-fill { background:linear-gradient(90deg,#315a9b,#7198cf) !important; }
.dashboard-content .plan-icon-mobile { color:#fff !important; background:linear-gradient(145deg,#315a9b,#527cba) !important; }
.dashboard-content .plan-icon-mobile.pending { background:linear-gradient(145deg,#a1528c,#bf74a6) !important; }
.dashboard-content .status-badge-mobile.active { color:#287251 !important; background:#e8f4ee !important; }
.dashboard-content .referral-section-mobile { padding:1.25rem !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:17px !important; box-shadow:var(--shadow-card) !important; }
.dashboard-content .title-icon-mobile { color:#fff !important; background:linear-gradient(145deg,#315a9b,#527cba) !important; }
.dashboard-content .stat-box-mobile { background:var(--surface-muted) !important; border-color:var(--border-soft) !important; }
.dashboard-content .stat-box-mobile .stat-number { color:var(--brand-blue) !important; }
.dashboard-content .link-container-mobile { background:var(--surface-muted) !important; border-color:var(--border-soft) !important; }
.dashboard-content .referral-link-input-mobile { color:var(--text-main) !important; background:var(--surface-card) !important; border-color:var(--border-soft) !important; }
.dashboard-content .copy-btn-mobile { color:#fff !important; background:var(--brand-blue) !important; border-radius:10px !important; }
.dashboard-content .share-buttons-mobile { display:flex; gap:.55rem; }
.dashboard-content .share-btn-mobile { min-height:42px; color:#315a9b !important; background:#f2f6fb !important; border:1px solid #dfe7f2 !important; border-radius:10px !important; transition:background-color .18s ease,color .18s ease,transform .18s ease !important; }
.dashboard-content .share-btn-mobile:hover { color:#fff !important; background:#315a9b !important; transform:translateY(-1px); }
.dashboard-content .activity-section-mobile { overflow:hidden; background:var(--surface-card); border:1px solid var(--border-soft); border-radius:17px; box-shadow:var(--shadow-card); }
.dashboard-content .activity-tabs-mobile { display:flex; gap:.4rem; padding:.65rem; background:var(--surface-muted); border-bottom:1px solid var(--border-soft); }
.dashboard-content .activity-tab { flex:1; justify-content:center; min-height:42px; color:var(--text-secondary) !important; background:transparent !important; border:1px solid transparent !important; border-radius:10px !important; font-size:.82rem; font-weight:650; }
.dashboard-content .activity-tab.active { color:var(--brand-blue) !important; background:var(--surface-card) !important; border-color:var(--border-soft) !important; box-shadow:0 2px 7px rgba(20,36,62,.06); }
.dashboard-content .activity-content-mobile { padding:1rem; }
.dashboard-content .activity-item-mobile { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; }
.dashboard-content .activity-icon-mobile.success { color:#fff !important; background:#315a9b !important; }
.dashboard-content .activity-amount-mobile { color:#287251 !important; }
.dashboard-content .empty-state-mobile { display:grid; justify-items:center; gap:.5rem; min-height:150px; align-content:center; color:var(--text-secondary) !important; }
.dashboard-content .empty-state-mobile i { display:grid; place-items:center; width:46px; height:46px; color:var(--brand-blue); background:var(--surface-muted); border-radius:14px; font-size:1.25rem; }
.dashboard-content .empty-state-mobile p { margin:0; color:var(--text-secondary) !important; font-size:.88rem; }
.dashboard-content .view-all-btn { width:100%; min-height:42px; margin-top:.65rem; color:var(--brand-blue) !important; background:var(--surface-muted) !important; border:1px solid var(--border-soft) !important; border-radius:10px !important; font-weight:650; }
.dashboard-content .view-all-btn:hover { color:#fff !important; background:var(--brand-blue) !important; }
.dashboard-content .quick-actions-mobile { margin-top:1.65rem; padding:1.2rem; background:var(--surface-card); border:1px solid var(--border-soft); border-radius:17px; box-shadow:var(--shadow-card); }
.dashboard-content .action-btn-mobile { min-height:82px; color:var(--text-secondary) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:12px !important; }
.dashboard-content .action-btn-mobile i { color:var(--brand-blue) !important; }
.dashboard-content .action-btn-mobile:hover { color:var(--brand-blue) !important; background:var(--surface-muted) !important; border-color:#b9cbe2 !important; transform:translateY(-2px); }
[data-bs-theme="dark"] .income-mix-card { background:var(--surface-card); border-color:var(--border-soft); }
[data-bs-theme="dark"] .dashboard-content .stat-trend { color:#c0ccdb !important; background:#22334b !important; border-color:#344760 !important; }
[data-bs-theme="dark"] .dashboard-content .stat-action-mobile { color:#c5d9fb !important; background:#1c2d44 !important; border-color:#344760 !important; }
[data-bs-theme="dark"] .dashboard-content .stat-action-mobile:hover { color:#fff !important; background:#315a9b !important; }
[data-bs-theme="dark"] .dashboard-content .status-badge-mobile.active { color:#a9e0c5 !important; background:#193b30 !important; }
[data-bs-theme="dark"] .dashboard-content .share-btn-mobile { color:#c5d9fb !important; background:#1c2d44 !important; border-color:#344760 !important; }
[data-bs-theme="dark"] .dashboard-content .activity-tab.active { background:#1b2b41 !important; }
@media (max-width: 575.98px) {
    .income-mix-card { padding:1.05rem; }
    .income-mix-label { font-size:.74rem; }
    .dashboard-content .activity-tab { gap:.35rem; font-size:.73rem; }
    .dashboard-content .referral-section-mobile { padding:1rem !important; }
}

/* Buy plan screen: remove legacy violet/green treatment and give plans parity */
.dashboard-content .pricing-card { display:flex; flex-direction:column; height:100%; padding:1.55rem !important; color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:20px !important; box-shadow:var(--shadow-card) !important; transition:transform .22s var(--ease-ui),box-shadow .22s var(--ease-ui),border-color .22s ease !important; }
.dashboard-content .pricing-card:hover { transform:translateY(-4px) !important; border-color:#b8c9df !important; box-shadow:var(--shadow-raised) !important; }
.dashboard-content .pricing-card::before { height:3px !important; background:linear-gradient(90deg,#315a9b,#7899c5) !important; }
.dashboard-content .pricing-card:hover::before, .dashboard-content .pricing-card.featured::before { background:linear-gradient(90deg,#315a9b,#a1528c) !important; }
.dashboard-content .pricing-card.featured { border:1px solid #9ab1d1 !important; box-shadow:0 14px 38px rgba(49,90,155,.14) !important; }
.dashboard-content .pricing-card.featured::after { display:none !important; }
.dashboard-content .popular-ribbon { background:linear-gradient(135deg,#315a9b,#527bb8) !important; box-shadow:0 5px 13px rgba(49,90,155,.2) !important; }
.dashboard-content .plan-icon-wrapper { width:62px !important; height:62px !important; margin-bottom:1rem !important; color:#fff !important; background:linear-gradient(145deg,#315a9b,#527bb8) !important; border-radius:17px !important; box-shadow:0 8px 18px rgba(49,90,155,.2) !important; font-size:1.55rem !important; transition:transform .22s var(--ease-ui) !important; }
.dashboard-content .pricing-card:hover .plan-icon-wrapper { transform:translateY(-2px) !important; box-shadow:0 10px 22px rgba(49,90,155,.23) !important; }
.dashboard-content .plan-badges { margin-bottom:.9rem !important; }
.dashboard-content .plan-badge-tag { padding:.4rem .72rem !important; color:#385e94 !important; background:#edf2f8 !important; border:1px solid #e1e8f1 !important; box-shadow:none !important; font-size:.67rem !important; letter-spacing:.055em !important; }
.dashboard-content .plan-badge-tag.badge-lifetime { color:#8c4779 !important; background:#f6edf3 !important; border-color:#ead9e5 !important; }
.dashboard-content .plan-name { margin:.2rem 0 .65rem !important; color:var(--text-main) !important; font-size:1.2rem !important; font-weight:740 !important; letter-spacing:-.035em !important; }
.dashboard-content .plan-price { margin:.2rem 0 .15rem !important; color:var(--brand-blue) !important; background:none !important; -webkit-text-fill-color:var(--brand-blue) !important; font-size:clamp(2rem,3vw,2.6rem) !important; font-weight:780 !important; letter-spacing:-.055em !important; line-height:1.15 !important; }
.dashboard-content .plan-price > div { color:var(--text-secondary) !important; -webkit-text-fill-color:var(--text-secondary) !important; font-size:.88rem !important; font-weight:600 !important; }
.dashboard-content .plan-price-suffix { color:var(--text-secondary) !important; font-size:.78rem !important; }
.dashboard-content .plan-duration-display, .dashboard-content .plan-duration-display.lifetime { margin:1rem 0 !important; padding:.8rem !important; color:var(--text-main) !important; background:var(--surface-muted) !important; border:1px solid var(--border-soft) !important; border-radius:13px !important; }
.dashboard-content .plan-duration-display .duration-value, .dashboard-content .plan-duration-display.lifetime .duration-value { color:var(--text-main) !important; font-size:1rem !important; font-weight:700 !important; }
.dashboard-content .plan-duration-display .duration-label { color:var(--text-secondary) !important; font-size:.62rem !important; letter-spacing:.11em !important; }
.dashboard-content .plan-description { min-height:2.8em; margin-bottom:.8rem !important; color:var(--text-secondary) !important; font-size:.82rem !important; }
.dashboard-content .plan-features { flex:1; margin-bottom:1rem !important; }
.dashboard-content .plan-features li { padding:.62rem 0 !important; color:var(--text-main) !important; border-color:var(--border-soft) !important; font-size:.82rem !important; }
.dashboard-content .plan-features .feature-icon { width:20px !important; height:20px !important; color:#315a9b !important; background:#eaf0f8 !important; font-size:.62rem !important; }
.dashboard-content .commission-box { margin:0 0 1rem !important; padding:.9rem 1rem !important; background:var(--surface-muted) !important; border:1px solid var(--border-soft) !important; border-radius:13px !important; }
.dashboard-content .commission-box-title { color:var(--text-secondary) !important; font-size:.64rem !important; letter-spacing:.1em !important; }
.dashboard-content .commission-rates { gap:2.2rem !important; }
.dashboard-content .commission-value { color:var(--brand-blue) !important; font-size:1.32rem !important; }
.dashboard-content .commission-value.direct { color:var(--brand-blue) !important; }
.dashboard-content .commission-value.upline { color:#a1528c !important; }
.dashboard-content .commission-label { color:var(--text-secondary) !important; font-size:.65rem !important; }
.dashboard-content .buy-btn { min-height:45px !important; padding:.7rem 1rem !important; color:#fff !important; background:linear-gradient(110deg,#315a9b,#4776b7) !important; border:0 !important; border-radius:11px !important; box-shadow:0 6px 15px rgba(49,90,155,.19) !important; font-size:.87rem !important; }
.dashboard-content .buy-btn:hover { transform:translateY(-1px) !important; background:linear-gradient(110deg,#284b82,#3e69a9) !important; box-shadow:0 9px 19px rgba(49,90,155,.24) !important; }
.dashboard-content .buy-btn::before { display:none !important; }
.dashboard-content .empty-plans-card { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:20px !important; box-shadow:var(--shadow-card) !important; }
.dashboard-content .empty-plans-card h4 { color:var(--text-main) !important; }
.dashboard-content .empty-plans-icon { color:var(--brand-blue) !important; background:var(--surface-muted) !important; }
[data-bs-theme="dark"] .dashboard-content .plan-badge-tag { color:#c5d9fb !important; background:#1d3557 !important; border-color:#324967 !important; }
[data-bs-theme="dark"] .dashboard-content .plan-badge-tag.badge-lifetime { color:#ecc0dc !important; background:#39263a !important; border-color:#52364e !important; }
[data-bs-theme="dark"] .dashboard-content .plan-features .feature-icon { color:#c5d9fb !important; background:#1d3557 !important; }
@media (max-width: 767.98px) {
    .dashboard-content .pricing-card { padding:1.2rem !important; }
    .dashboard-content .plan-price { font-size:2.15rem !important; }
}

/* Complete member/admin page coverage: shared data, form and modal language */
.dashboard-content :is(.table,.table-responsive,.pagination,.list-group) { border-color:var(--border-soft) !important; }
.dashboard-content :is(.card,.card-body,.card-header,.card-footer) { color:var(--text-main); }
.dashboard-content :is(.card-header,.card-footer) { border-color:var(--border-soft) !important; }
.dashboard-content .card-header.bg-white { background:var(--surface-card) !important; }
.dashboard-content :is(.form-control,.form-select,.input-group-text) { color:var(--text-main) !important; background-color:var(--surface-raised) !important; border-color:var(--border-soft) !important; }
.dashboard-content :is(.form-control,.form-select)::placeholder { color:#8996a8 !important; }
.dashboard-content .input-group-text { color:var(--text-secondary) !important; }
.dashboard-content .form-check-input:checked { background-color:var(--brand-blue) !important; border-color:var(--brand-blue) !important; }
.dashboard-content .form-check-label, .dashboard-content .form-label { color:var(--text-main) !important; }
.dashboard-content .form-text, .dashboard-content .text-muted { color:var(--text-secondary) !important; }
.dashboard-content .stat-icon:is(.bg-success,.bg-warning,.bg-danger,.bg-info) { color:#fff !important; background:linear-gradient(145deg,#315a9b,#527bb8) !important; }
.dashboard-content .btn:not(.btn-link):not(.btn-close) { border-radius:10px; }
.dashboard-content .btn-primary { color:#fff !important; background:var(--brand-blue) !important; border-color:var(--brand-blue) !important; }
.dashboard-content .btn-primary:hover { background:#284b82 !important; border-color:#284b82 !important; }
.dashboard-content .btn-outline-primary { color:var(--brand-blue) !important; border-color:#afc1db !important; }
.dashboard-content .btn-outline-primary:hover { color:#fff !important; background:var(--brand-blue) !important; }
.dashboard-content .modal-content { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:18px !important; box-shadow:0 24px 70px rgba(7,17,33,.2) !important; }
.dashboard-content .modal-content :is(.modal-header,.modal-footer) { border-color:var(--border-soft) !important; }
.dashboard-content .modal-content.text-white :is(h1,h2,h3,h4,h5,h6,p,label,span,strong,small,.modal-body) { color:var(--text-main) !important; }
.dashboard-content .modal-content.text-white .modal-header { background:var(--surface-muted) !important; border-color:var(--border-soft) !important; }
.dashboard-content .modal-content.text-white .btn-close-white { filter:none !important; }
.dashboard-content .modal-content .bg-light { color:var(--text-main) !important; background:var(--surface-muted) !important; }
.dashboard-content .modal-content .accordion-item { color:var(--text-main) !important; background:transparent !important; border-color:var(--border-soft) !important; }
.dashboard-content .modal-content .accordion-button { color:var(--text-main) !important; background:var(--surface-card) !important; box-shadow:none !important; }
.dashboard-content .modal-content .accordion-button::after { filter:none !important; }
.dashboard-content .modal-content .accordion-body { color:var(--text-secondary) !important; }
.dashboard-content .modal-backdrop, .modal-backdrop { backdrop-filter:blur(4px); }
.dashboard-wrapper .modal-content { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:18px !important; box-shadow:0 24px 70px rgba(7,17,33,.2) !important; }
.dashboard-wrapper .modal-content :is(.modal-header,.modal-footer) { border-color:var(--border-soft) !important; }
.dashboard-wrapper .modal-content :is(h1,h2,h3,h4,h5,h6,p,label,span,strong,small,.modal-body) { color:var(--text-main) !important; }
.dashboard-wrapper .modal-content.text-white :is(h1,h2,h3,h4,h5,h6,p,label,span,strong,small,.modal-body) { color:var(--text-main) !important; }
.dashboard-wrapper .modal-content.text-white .modal-header { background:var(--surface-muted) !important; }
.dashboard-wrapper .modal-content .btn-close-white { filter:none !important; }
.dashboard-wrapper .modal-content :is(.form-control,.form-select,.input-group-text) { color:var(--text-main) !important; background:var(--surface-raised) !important; border-color:var(--border-soft) !important; }
.dashboard-wrapper .modal-content :is(.bg-light,.alert-light) { color:var(--text-main) !important; background:var(--surface-muted) !important; border-color:var(--border-soft) !important; }
.dashboard-wrapper .modal-content .accordion-item { color:var(--text-main) !important; background:transparent !important; border-color:var(--border-soft) !important; }
.dashboard-wrapper .modal-content .accordion-button { color:var(--text-main) !important; background:var(--surface-card) !important; box-shadow:none !important; }
.dashboard-wrapper .modal-content .accordion-button::after { filter:none !important; }
.dashboard-wrapper .modal-content .accordion-body { color:var(--text-secondary) !important; }
[data-bs-theme="dark"] .dashboard-content :is(.card-header.bg-white,.modal-content .bg-light) { color:var(--text-main) !important; background:var(--surface-muted) !important; }
[data-bs-theme="dark"] .dashboard-content .modal-content.text-white .modal-header { background:#1a2a40 !important; }
[data-bs-theme="dark"] .dashboard-content .modal-content .accordion-button { color:var(--text-main) !important; background:var(--surface-card) !important; }
[data-bs-theme="dark"] .dashboard-wrapper .modal-content.text-white .modal-header { background:#1a2a40 !important; }
[data-bs-theme="dark"] .dashboard-wrapper .modal-content .accordion-button { color:var(--text-main) !important; background:var(--surface-card) !important; }

/* Product catalog */
.products-page > .row:first-child h2 { color:var(--text-main) !important; font-size:clamp(1.4rem,2.3vw,1.9rem); font-weight:740; letter-spacing:-.04em; }
.products-page .product-card { overflow:hidden; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:17px !important; box-shadow:var(--shadow-card) !important; transition:transform .2s var(--ease-ui),box-shadow .2s var(--ease-ui),border-color .2s ease !important; }
.products-page .product-card:hover { transform:translateY(-3px); border-color:#b8c9df !important; box-shadow:var(--shadow-raised) !important; }
.products-page .product-card-image { height:190px; overflow:hidden; background:var(--surface-muted); }
.products-page .product-card-image img { object-fit:cover; transition:transform .35s var(--ease-ui); }
.products-page .product-card:hover .product-card-image img { transform:scale(1.025); }
.products-page .product-card .card-title { color:var(--text-main) !important; font-weight:700; }
.products-page .product-card .product-description { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:var(--text-secondary) !important; }
.products-page .product-price { color:var(--brand-blue) !important; }
.products-page .product-card .badge.bg-primary { color:#fff !important; background:var(--brand-blue) !important; }
.products-page .product-card .text-success { color:#328362 !important; }
[data-bs-theme="dark"] .products-page .product-card .text-success { color:#8dd4b2 !important; }

/* Order history uses its own legacy page shell */
.orders-page { max-width:1600px; padding:clamp(1rem,2.5vw,2rem) !important; margin-inline:auto; color:var(--text-main); }
.orders-page .page-title-section h2 { color:var(--text-main) !important; font-size:1.55rem; font-weight:740; letter-spacing:-.04em; }
.orders-page .page-title-section p { color:var(--text-secondary) !important; }
.orders-page .order-summary-strip { gap:1rem; }
.orders-page .summary-card { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:15px !important; box-shadow:var(--shadow-card); backdrop-filter:none; }
.orders-page .summary-icon:is(.approved,.pending,.total) { color:#fff !important; background:linear-gradient(145deg,#315a9b,#527bb8) !important; }
.orders-page .summary-label { color:var(--text-secondary) !important; }
.orders-page .summary-value { color:var(--text-main) !important; }
.orders-page .section-tabs { border-color:var(--border-soft) !important; }
.orders-page .section-tab { color:var(--text-secondary) !important; }
.orders-page .section-tab.active, .orders-page .section-tab:hover { color:var(--brand-blue) !important; }
.orders-page .section-tab.active::after { background:linear-gradient(90deg,#315a9b,#a1528c) !important; }
.orders-page .order-card { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:16px !important; box-shadow:var(--shadow-card) !important; }
.orders-page .order-card:hover { border-color:#b8c9df !important; box-shadow:var(--shadow-raised) !important; }
.orders-page :is(.order-card-header h5,.order-card h5,.order-card h6,.order-product-name) { color:var(--text-main) !important; }
.orders-page :is(.order-meta,.order-meta-item,.order-card p,.commission-info-text) { color:var(--text-secondary) !important; }
.orders-page .order-status-badge.badge-approved { color:#287251 !important; background:#e8f4ee !important; border-color:#cfe8da !important; }
.orders-page .order-status-badge.badge-pending { color:#916a24 !important; background:#f7f1e5 !important; border-color:#eee1c4 !important; }
.orders-page .order-status-badge.badge-rejected { color:#a94856 !important; background:#f8ecee !important; border-color:#efd6da !important; }
.orders-page .commission-info { color:var(--text-main) !important; background:var(--surface-muted) !important; border:1px solid var(--border-soft) !important; border-left:3px solid var(--brand-blue) !important; border-radius:12px !important; }
.orders-page .commission-info :is(i,strong) { color:var(--brand-blue) !important; }
.orders-page .referral-box { background:var(--surface-muted) !important; border-color:var(--border-soft) !important; }
.orders-page .referral-box-label { color:var(--text-secondary) !important; }
.orders-page .referral-link-input { color:var(--text-main) !important; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; }
.orders-page .btn-copy { background:var(--brand-blue) !important; }
.orders-page .btn-copy.copied { background:#287251 !important; }
.orders-page .share-btn { color:var(--brand-blue) !important; background:#f1f5fa !important; border:1px solid var(--border-soft) !important; }
.orders-page .share-btn:hover { color:#fff !important; background:var(--brand-blue) !important; }
.orders-page .empty-state { color:var(--text-secondary) !important; }
.orders-page .empty-state :is(h4,p) { color:var(--text-secondary) !important; }
.orders-page .empty-state h4 { color:var(--text-main) !important; }
.orders-page .btn-goto-products { background:var(--brand-blue) !important; }
.orders-page .history-table-wrap { overflow-x:auto; background:var(--surface-card) !important; border:1px solid var(--border-soft) !important; border-radius:14px !important; }
.orders-page .history-table th { color:var(--text-secondary) !important; background:var(--surface-muted) !important; border-color:var(--border-soft) !important; }
.orders-page .history-table td { color:var(--text-main) !important; border-color:var(--border-soft) !important; }
.orders-page .history-table tr:hover td { background:var(--surface-muted) !important; }
[data-bs-theme="dark"] .orders-page .summary-card, [data-bs-theme="dark"] .orders-page .order-card { background:var(--surface-card) !important; }
[data-bs-theme="dark"] .orders-page .share-btn { color:#c5d9fb !important; background:#1c2d44 !important; border-color:#344760 !important; }
[data-bs-theme="dark"] .orders-page .order-status-badge.badge-approved { color:#a9e0c5 !important; background:#193b30 !important; border-color:#2c5c48 !important; }
[data-bs-theme="dark"] .orders-page .order-status-badge.badge-pending { color:#ffe0a1 !important; background:#3c321d !important; border-color:#584824 !important; }
[data-bs-theme="dark"] .orders-page .order-status-badge.badge-rejected { color:#ffc1c8 !important; background:#46232d !important; border-color:#64343e !important; }
@media (max-width:767.98px) { .orders-page .order-summary-strip { grid-template-columns:1fr; } .orders-page .section-tab { padding-inline:.65rem; font-size:.78rem; } }

/* Referral network visualization */
.dashboard-content .referral-tree { overflow:auto; padding:1.5rem; background:var(--surface-card) !important; border:1px solid var(--border-soft); border-radius:16px; box-shadow:var(--shadow-card); }
.dashboard-content .tree-node { color:var(--text-main) !important; background:var(--surface-card) !important; border-color:var(--border-soft) !important; box-shadow:var(--shadow-card); }
.dashboard-content .tree-node.root-node { border-color:#9ab1d1 !important; }
.dashboard-content .level-1 .tree-node,.dashboard-content .level-2 .tree-node,.dashboard-content .level-3 .tree-node { border-left-color:var(--brand-blue) !important; }
[data-bs-theme="dark"] .dashboard-content .tree-node { color:var(--text-main) !important; background:var(--surface-muted) !important; }
.dashboard-content .plan-icon-wrapper { color:#fff !important; background:linear-gradient(145deg,#315a9b,#527bb8) !important; }
.dashboard-content .plan-icon-wrapper.lifetime { background:linear-gradient(145deg,#8c4779,#a1528c) !important; }
.dashboard-content .lifetime-badge { color:#8c4779 !important; background:#f6edf3 !important; border:1px solid #ead9e5; box-shadow:none !important; }
.dashboard-content .status-indicator { padding:.38rem .7rem !important; font-size:.74rem !important; }
.dashboard-content .status-indicator.status-active { color:#287251 !important; background:#e8f4ee !important; }
.dashboard-content .status-indicator.status-expired { color:#a94856 !important; background:#f8ecee !important; }
.dashboard-content .status-indicator.status-pending { color:#916a24 !important; background:#f7f1e5 !important; }
.dashboard-content .expiry-info { color:var(--text-secondary) !important; }
.dashboard-content .expiry-info.lifetime-access { color:#8c4779 !important; }
.dashboard-content .expiry-info.expiring-soon { color:#9a7025 !important; }
.dashboard-content .expiry-info.expired { color:#a94856 !important; }
[data-bs-theme="dark"] .dashboard-content .lifetime-badge { color:#ecc0dc !important; background:#39263a !important; border-color:#52364e; }
[data-bs-theme="dark"] .dashboard-content .status-indicator.status-active { color:#a9e0c5 !important; background:#193b30 !important; }
[data-bs-theme="dark"] .dashboard-content .status-indicator.status-expired { color:#ffc1c8 !important; background:#46232d !important; }
[data-bs-theme="dark"] .dashboard-content .status-indicator.status-pending { color:#ffe0a1 !important; background:#3c321d !important; }
[data-bs-theme="dark"] .dashboard-content .expiry-info { color:var(--text-secondary) !important; }