html[data-theme]{--theme-primary:#6542d6;--theme-secondary:#9246de;--theme-accent:#167b68;--theme-fourth:#99600c;--theme-soft:#f0ebff;--theme-bg:#f7f5ff;--theme-ink:#34294c;--theme-border:#d9cef4;--primary:var(--theme-primary);--primary2:var(--theme-secondary)}
html[data-theme=ocean]{--theme-primary:#1559b5;--theme-secondary:#087d8a;--theme-accent:#196b70;--theme-fourth:#5454a2;--theme-soft:#e8f2ff;--theme-bg:#f0f7fc;--theme-ink:#173550;--theme-border:#c2dcef}
html[data-theme=emerald]{--theme-primary:#146447;--theme-secondary:#28764c;--theme-accent:#936510;--theme-fourth:#3f6570;--theme-soft:#e6f3eb;--theme-bg:#f3f8f1;--theme-ink:#213c2b;--theme-border:#c4dfcd}
html[data-theme=rose]{--theme-primary:#aa2856;--theme-secondary:#633b85;--theme-accent:#253c65;--theme-fourth:#88601e;--theme-soft:#fbeaf0;--theme-bg:#fcf5f8;--theme-ink:#462c43;--theme-border:#ecd0de}
html[data-theme] body{color:var(--theme-ink);background:var(--theme-bg)}
html[data-theme] .app-shell{background:var(--theme-bg)}
html[data-theme] .topbar,html[data-theme] .payment-header,html[data-theme] .drawer-head,html[data-theme] .btn-gradient,html[data-theme] .brand-badge{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}
html[data-theme] .auth-page{background:linear-gradient(135deg,var(--theme-soft),var(--theme-bg),white)}
html[data-theme] .avatar{background:linear-gradient(135deg,white,var(--theme-soft));color:var(--theme-primary)}
html[data-theme] .stat-card{color:white!important}
html[data-theme] .stat-purple{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}
html[data-theme] .stat-green{background:var(--theme-accent)}
html[data-theme] .stat-blue{background:var(--theme-secondary)}
html[data-theme] .stat-orange{background:var(--theme-fourth)}
html[data-theme] .btn-primary{--bs-btn-bg:var(--theme-primary);--bs-btn-border-color:var(--theme-primary);--bs-btn-hover-bg:var(--theme-secondary);--bs-btn-hover-border-color:var(--theme-secondary);--bs-btn-active-bg:var(--theme-secondary)}
html[data-theme] .btn-outline-primary{--bs-btn-color:var(--theme-primary);--bs-btn-border-color:var(--theme-primary);--bs-btn-hover-bg:var(--theme-primary);--bs-btn-hover-border-color:var(--theme-primary);--bs-btn-active-bg:var(--theme-primary)}
html[data-theme] .text-primary{color:var(--theme-primary)!important}
html[data-theme] .auth-switch,html[data-theme] .back-link,html[data-theme] .drawer-link:hover,html[data-theme] .drawer-link.active{color:var(--theme-primary)}
html[data-theme] .drawer-link:hover,html[data-theme] .drawer-link.active,html[data-theme] .nav-item-app.active,html[data-theme] .copy-btn,html[data-theme] .pi-purple,html[data-theme] .activation-hero-icon{background:var(--theme-soft);color:var(--theme-primary)}
html[data-theme] .share-btn,html[data-theme] .pi-pink{background:var(--theme-soft);color:var(--theme-accent)}
html[data-theme] .parent-income{color:var(--theme-accent)}
html[data-theme] .sponsor-progress{background:var(--theme-primary)}
html[data-theme] .parent-progress{background:var(--theme-accent)}
html[data-theme] .referral-box,html[data-theme] .payment-method-tabs,html[data-theme] .matrix-scroll,html[data-theme] .fee-summary{background:var(--theme-soft);border-color:var(--theme-border)}
html[data-theme] .payment-method-tabs button{color:var(--theme-ink)}
html[data-theme] .payment-method-tabs button[aria-selected=true]{color:var(--theme-primary)}
html[data-theme] .matrix-node,html[data-theme] .tree-person{color:var(--theme-primary);border-color:var(--theme-border)}
html[data-theme] .matrix-tree li:before,html[data-theme] .matrix-tree li:after,html[data-theme] .matrix-tree ul:before{border-color:var(--theme-border)}
html[data-theme] .level-counts a,html[data-theme] .tree-page-link,html[data-theme] .level-picker button{color:var(--theme-primary);background:var(--theme-soft);border-color:var(--theme-border)}
html[data-theme] .level-counts a[aria-current=page]{border-color:var(--theme-primary)}
html[data-theme] .form-control:focus{border-color:var(--theme-primary);box-shadow:0 0 0 .2rem var(--theme-soft)}
html[data-theme] .app-install-banner{background:var(--theme-soft);color:var(--theme-ink)}
html[data-theme] .app-install-banner button{background:var(--theme-primary)}
html[data-theme] .app-install-banner .install-dismiss{background:transparent;color:var(--theme-ink)}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.theme-option{display:flex;flex-direction:column;gap:10px;padding:16px;border:2px solid var(--theme-border);border-radius:18px;cursor:pointer;background:white;position:relative}.theme-option:has(input:checked){border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-soft)}.theme-option input{accent-color:var(--theme-primary);width:20px;height:20px}.theme-option small{color:#667085}.theme-mini{display:block;border-radius:12px;overflow:hidden;background:#f7f8fc;padding-bottom:12px}.theme-mini-header{display:block;padding:18px 12px;color:white;background:linear-gradient(120deg,var(--preview-one),var(--preview-two));font-weight:700}.theme-mini-cards{display:flex;gap:8px;padding:12px 10px 0}.theme-mini-cards span{flex:1;padding:16px 6px;font-size:12px;color:white;border-radius:8px;background:var(--preview-one)}.theme-mini-cards span+span{background:var(--preview-accent)}
@media(max-width:900px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.theme-options{grid-template-columns:1fr}}
html[data-theme=orange]{--theme-primary:#b9470a;--theme-secondary:#c45112;--theme-accent:#805b17;--theme-fourth:#9b3825;--theme-soft:#ffeddc;--theme-bg:#fff8f1;--theme-ink:#542e18;--theme-border:#f4cfad}html[data-theme=lightgreen]{--theme-primary:#357324;--theme-secondary:#477c20;--theme-accent:#537016;--theme-fourth:#267265;--theme-soft:#e5f5d7;--theme-bg:#f5fbed;--theme-ink:#2d4522;--theme-border:#c6e3ae}