/* MST colorful shared theme */
:root{--ink:#211945;--muted:#706b88;--line:#e6e0f3;--paper:#f8f6ff;--green:#6b3fe5;--green2:#8b5cf6;--gold:#ffc947;--coral:#ef4f83;--cyan:#20bfc2;--shadow:0 18px 55px rgba(83,52,164,.14)}
body{background:radial-gradient(circle at 100% 0,rgba(111,67,226,.08),transparent 26%),var(--paper)}
.topbar{background:rgba(255,255,255,.92);box-shadow:0 6px 25px rgba(71,45,130,.07);border-color:#eee8fa;backdrop-filter:blur(14px)}
.brand-logo{width:66px;height:66px;object-fit:contain;padding:3px;border-radius:16px;background:radial-gradient(circle,#33230a 0,#070707 72%);border:1px solid #dcae42;box-shadow:0 9px 24px rgba(83,52,164,.22),inset 0 0 16px rgba(229,179,54,.13)}.sidebar .brand-logo{width:72px;height:72px;border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 0 18px rgba(229,179,54,.16)}.brand>span{font-size:20px}.brand>span small{letter-spacing:.08em;text-transform:uppercase;color:#9c8fc0}.sidebar .brand>span small{color:#d9c27a}
.brand-mark{background:linear-gradient(145deg,#653bdd,#ee4f84);box-shadow:0 8px 20px rgba(105,59,218,.25)}
.nav a:not(.btn){position:relative}.nav a:not(.btn):after{content:"";position:absolute;height:3px;border-radius:3px;left:0;right:100%;bottom:-8px;background:linear-gradient(90deg,#6b3fe5,#ef4f83);transition:.2s}.nav a:not(.btn):hover:after{right:0}
.btn{background:linear-gradient(135deg,#653bdd,#8b5cf6 55%,#e84e84);box-shadow:0 10px 25px rgba(102,60,220,.24);transition:transform .2s,box-shadow .2s}.btn:hover{background:linear-gradient(135deg,#5930cd,#d94077);transform:translateY(-2px);box-shadow:0 14px 30px rgba(102,60,220,.3)}.btn-light{background:#fff;color:#6038cf}.btn-danger{background:linear-gradient(135deg,#dd365f,#ff657f)}
.section:not(.cause-section){background-image:radial-gradient(circle at 90% 10%,rgba(255,102,136,.07),transparent 22%),radial-gradient(circle at 5% 85%,rgba(32,199,201,.07),transparent 23%)}.section.white{background-color:#fff}
.eyebrow{color:#7142dc}.card{border-color:#e9e3f4;box-shadow:0 12px 35px rgba(72,45,132,.08);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 18px 45px rgba(72,45,132,.13)}
.plan-card:nth-child(1){border-top:5px solid #20bfc2}.plan-card:nth-child(2){border-top:5px solid #7042df}.plan-card:nth-child(3){border-top:5px solid #ef4f83}.plan-card.featured{border-color:#7042df;background:linear-gradient(180deg,#f4efff,#fff)}
.badge{background:#eee8ff;color:#5c32c6}.table th{background:linear-gradient(90deg,#eee9ff,#e7fafa);color:#4a3f71}.table tr:hover td{background:#fbf9ff}.notice{background:linear-gradient(100deg,#eeebff,#e6faf8);color:#4b3299;border-left:4px solid #7142dc}.notice.error{background:#fff0f3;color:#9b2449;border-color:#ef4f83}
.auth-shell{background:radial-gradient(circle at 18% 15%,rgba(255,202,71,.38),transparent 24%),radial-gradient(circle at 85% 80%,rgba(32,199,201,.24),transparent 28%),linear-gradient(145deg,#f7efff,#eef8ff)}.auth-card{position:relative;overflow:hidden;border:1px solid #e4daf8;box-shadow:0 28px 70px rgba(78,46,151,.18)}.auth-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-55px;top:-65px;background:linear-gradient(135deg,#7042df,#ef4f83);opacity:.18}.input,select.input{border-color:#dcd3ee;background:#fdfcff}.input:focus{outline:3px solid rgba(112,66,223,.14);border-color:#7042df}
footer{background:linear-gradient(115deg,#171238,#29205b 60%,#183f55);color:#ddd8f3}
.portal{background:radial-gradient(circle at 100% 0,rgba(32,199,201,.12),transparent 25%),#f7f5fc}.sidebar{background:linear-gradient(180deg,#21164c,#352171 52%,#152f4d);box-shadow:8px 0 32px rgba(35,22,79,.15)}.sidebar:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-80px;bottom:-65px;background:linear-gradient(135deg,#ef4f83,#ffc947);opacity:.18}.sidebar nav a{position:relative;z-index:1;color:#ded9f4}.sidebar nav a:hover{background:linear-gradient(90deg,rgba(140,91,246,.45),rgba(239,79,131,.25));transform:translateX(3px)}
.portal-head{padding-bottom:18px;border-bottom:1px solid #e7e0f2}.user-pill{border-color:#e0d9ee;box-shadow:0 5px 18px rgba(68,43,124,.07)}.stat-card{position:relative;overflow:hidden;border:0;box-shadow:0 10px 30px rgba(71,45,132,.09)}.stat-card:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-24px;top:-25px;background:linear-gradient(135deg,#7748e4,#ef4f83);opacity:.18}.stat-card:nth-child(2):after{background:linear-gradient(135deg,#20bfc2,#42dfbc)}.stat-card:nth-child(3):after{background:linear-gradient(135deg,#ef4f83,#ffc947)}.stat-card:nth-child(4):after{background:linear-gradient(135deg,#3875e8,#20bfc2)}.stat-card .value{color:#44307f}
.admin-theme{--green:#4b5dd8;--green2:#7042df}.admin-theme .sidebar{background:linear-gradient(180deg,#15224d,#273b88 55%,#3a246c)}
.fa{display:inline-block;font-style:normal}.fa-inr:before{content:"\20B9";font-family:Arial,"Segoe UI Symbol",sans-serif;font-weight:800}
@media(max-width:900px){.sidebar{background:linear-gradient(110deg,#21164c,#352171)}.portal-main{background:#f8f6ff}}
.payment-details{display:grid;grid-template-columns:125px 1fr;gap:10px;margin:24px 0}.payment-details dt{color:var(--muted);font-size:13px}.payment-details dd{margin:0;font-weight:800;word-break:break-all}.payment-qr{display:block;width:min(280px,100%);height:auto;margin:20px auto 5px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 35px rgba(72,45,132,.13)}
.matrix-shell{overflow:auto;background:radial-gradient(circle at 50% 0,#eee8ff,transparent 25%),#fcfbff}.matrix-note{padding:13px 16px;border-radius:12px;background:#eee9ff;color:#4f369c;margin-bottom:28px}.matrix-level{display:grid;gap:12px;min-width:760px;margin:10px auto 26px}.matrix-level.root-level{display:flex;justify-content:center;min-width:0}.matrix-level.two{grid-template-columns:repeat(2,1fr)}.matrix-level.four{grid-template-columns:repeat(4,1fr)}.matrix-level.eight{grid-template-columns:repeat(8,1fr)}.matrix-node{min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 6px;border:1px solid #ddd4f0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(74,46,138,.08)}.matrix-node span{font-size:10px;letter-spacing:.08em;color:#7a6c9c}.matrix-node b{font-size:14px;margin:5px 0;color:#5031ad}.matrix-node small{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.root-node{width:220px;color:#fff;background:linear-gradient(135deg,#663bdc,#ee4f83);border:0}.root-node span,.root-node b{color:#fff}.matrix-label{text-align:center;font-size:10px;font-weight:900;letter-spacing:.14em;color:#8a7ba9;margin:16px 0 8px}.matrix-connector{height:35px;width:2px;background:#a58dde;margin:-12px auto 0}@media(max-width:700px){.matrix-level{min-width:900px}.matrix-shell{padding:18px 12px}}
.impersonation-banner{position:fixed;z-index:100;left:250px;right:0;top:0;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;background:linear-gradient(90deg,#ffca47,#ff8b58);color:#3d2600;font-weight:800;box-shadow:0 5px 20px rgba(75,45,0,.2)}.impersonation-banner a{padding:6px 12px;border-radius:20px;background:#fff;color:#5c35c4}.impersonation-banner~.portal-main{padding-top:78px}@media(max-width:900px){.impersonation-banner{position:relative;left:0}.impersonation-banner~.portal-main{padding-top:28px}}
.topup-split{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.topup-split div{padding:18px 12px;border-radius:16px;text-align:center;background:linear-gradient(145deg,#f0ebff,#fff);border:1px solid #e4dcf4}.topup-split span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.topup-split b{font-size:22px;color:#5931c4}@media(max-width:620px){.topup-split{grid-template-columns:1fr}}