:root{
  --bg:#f4f7f6;--surface:#fff;--surface-2:#f8fbfa;--text:#12201c;--muted:#66746f;
  --primary:#0d6b52;--primary-2:#09523f;--accent:#ff9e44;--line:#e3ebe7;--danger:#b42318;
  --shadow:0 16px 40px rgba(18,32,28,.07);--radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1140px,calc(100% - 36px));margin:auto}.section{padding:56px 0}.section h2{font-size:32px;margin:0 0 12px}.muted{color:var(--muted)}.price{font-size:30px;font-weight:850;letter-spacing:-.03em;margin:10px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--primary)}
.nav{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(227,235,231,.92);position:sticky;top:0;z-index:50}.navin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--primary);font-size:20px;letter-spacing:-.03em}.brandmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary),#14a176);box-shadow:0 7px 18px rgba(13,107,82,.22);font-size:17px}.navlinks{display:flex;gap:22px;align-items:center}.navlinks>a:not(.btn){font-size:14px;font-weight:700;color:#42514c}.navlinks>a:not(.btn):hover{color:var(--primary)}.mobile-menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#fff;align-items:center;justify-content:center;cursor:pointer}.mobile-menu{display:none;position:fixed;inset:73px 14px auto 14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow);z-index:60}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 14px;border-radius:12px;font-weight:700}.mobile-menu a:hover{background:var(--surface-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:14px;padding:11px 17px;font-weight:800;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#118766);color:#fff;box-shadow:0 8px 18px rgba(13,107,82,.18)}.btn-light{background:#edf7f3;color:var(--primary)}.btn-outline{border:1px solid var(--line);background:#fff;color:var(--text)}.btn-block{width:100%}
.hero{padding:88px 0 64px;background:radial-gradient(circle at 78% 12%,rgba(255,158,68,.22),transparent 24%),radial-gradient(circle at 18% 18%,rgba(13,107,82,.16),transparent 30%),linear-gradient(135deg,#f1faf7,#fff9f1)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:48px;align-items:center}.hero h1{font-size:clamp(40px,5vw,62px);line-height:1.03;letter-spacing:-.055em;max-width:800px;margin:14px 0 20px}.hero p{max-width:700px;color:var(--muted);font-size:18px;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-panel{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-radius:28px;padding:24px;box-shadow:0 24px 60px rgba(18,32,28,.1)}.hero-metric{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.hero-metric:last-child{border-bottom:0}.hero-metric strong{font-size:20px}.hero-metric span{color:var(--muted);font-size:13px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 28px rgba(18,32,28,.035)}.card-hover{transition:.2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card h3{margin-top:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#ecf7f3;color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.03em}.badge-warm{background:#fff3e8;color:#a64e00}.progress{height:9px;background:#edf1ef;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#21b782);border-radius:99px}.feature-icon{width:46px;height:46px;border-radius:15px;background:#edf7f3;color:var(--primary);display:grid;place-items:center;font-weight:900;margin-bottom:15px}
.auth-shell{min-height:calc(100vh - 73px);display:grid;place-items:center;padding:42px 18px}.auth-card{width:min(100%,470px);padding:30px}.auth-card h2{font-size:30px;margin:0 0 6px}.auth-sub{color:var(--muted);margin:0 0 24px}.form{max-width:560px}.form label{display:block;font-size:13px;font-weight:750;margin-bottom:6px}.input{width:100%;padding:13px 14px;border:1px solid #d9e3df;border-radius:14px;margin:0 0 16px;background:#fff;outline:none;transition:.16s}.input:focus{border-color:#74b7a4;box-shadow:0 0 0 4px rgba(13,107,82,.08)}textarea.input{min-height:110px;resize:vertical}.alert{padding:13px 15px;border-radius:14px;margin:14px 0;border:1px solid transparent}.success{background:#eaf8f3;color:#11624d;border-color:#cfebdf}.error{background:#fff0ef;color:#9f241c;border-color:#ffd9d5}
.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0e2d25 0%,#0b211c 100%);color:#fff;padding:22px 16px;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:6px 8px 22px;font-size:19px;font-weight:900}.sidebar-brand .brandmark{background:linear-gradient(145deg,#1ca37d,#55d0aa)}.sidebar-label{padding:10px 12px 5px;color:#84a79c;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sidebar a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;margin:4px 0;color:#d7e9e3;font-size:14px;font-weight:700}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.09);color:#fff}.navicon{width:24px;text-align:center;opacity:.92}.main{min-width:0;padding:30px 32px 60px}.page-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title h1,.main>h1{font-size:32px;letter-spacing:-.035em;margin:0 0 5px}.page-title p{margin:0}.mobile-topbar{display:none}.mobile-bottom-nav{display:none}.user-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf6f2;color:var(--primary);font-weight:900}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;min-width:0}.stat small,.stat-label{font-size:12px;color:var(--muted);font-weight:700}.stat b{font-size:24px;display:block;margin-top:8px;letter-spacing:-.035em;overflow-wrap:anywhere}.stat-highlight{background:linear-gradient(145deg,#0e6d54,#0a513f);color:#fff;border-color:transparent}.stat-highlight small,.stat-highlight .stat-label{color:#cbe6de}.content-section{margin-top:28px}.content-section h2{font-size:22px;margin:0 0 14px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;background:#fff;min-width:700px}.table th,.table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:13px}.table th{color:#68766f;font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#fafcfb}.table tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf7f3;color:var(--primary);font-size:11px;font-weight:800}.program-card{display:flex;flex-direction:column;min-height:100%}.program-card .btn{margin-top:auto}.program-meta{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line);margin-top:15px;font-size:12px}.program-meta span{color:var(--muted)}.program-meta strong{display:block;margin-top:2px;font-size:13px;color:var(--text)}.wallet-card{background:linear-gradient(145deg,#0f6e55,#0a4e3e);color:#fff;border:0;max-width:430px;position:relative;overflow:hidden}.wallet-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08);right:-45px;top:-70px}.wallet-card .muted{color:#cae4dc}.wallet-balance{font-size:34px;font-weight:900;letter-spacing:-.04em;margin:8px 0 0}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}
.footer{background:#0d2922;color:#d7e9e3;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.footer p{max-width:650px;color:#a9c4bb}.footer small{color:#88aaa0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}
@media(max-width:1020px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr}.hero-panel{max-width:650px}}
@media(max-width:820px){body.member-body,body.admin-body{padding-bottom:76px}.layout{display:block}.sidebar{display:none}.main{padding:18px 16px 28px}.mobile-topbar{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;height:64px;margin:-18px -16px 20px;padding:0 16px;background:rgba(244,247,246,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(227,235,231,.9)}.mobile-topbar .brand{font-size:17px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -10px 28px rgba(18,32,28,.06)}.mobile-bottom-nav a{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#74827d;font-size:10px;font-weight:700}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav .navicon{font-size:18px}.page-topbar{display:none}.navlinks{display:none}.mobile-menu-btn{display:flex}.hero{padding:58px 0 44px}.section{padding:42px 0}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:600px){.container{width:min(100% - 28px,1140px)}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-panel{padding:19px;border-radius:22px}.section h2{font-size:27px}.g2,.g3,.g4,.stats{grid-template-columns:1fr}.card{padding:18px;border-radius:18px}.stat{padding:16px}.stat b{font-size:21px}.main>h1,.page-title h1{font-size:27px}.price{font-size:27px}.auth-shell{padding:24px 14px}.auth-card{padding:22px}.tablewrap.mobile-cards{border:0;background:transparent;overflow:visible}.mobile-cards .table{min-width:0;background:transparent}.mobile-cards thead{display:none}.mobile-cards tbody,.mobile-cards tr,.mobile-cards td{display:block;width:100%}.mobile-cards tr{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 14px;margin-bottom:12px}.mobile-cards td{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px dashed var(--line);white-space:normal;text-align:right}.mobile-cards td:last-child{border-bottom:0}.mobile-cards td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.035em;color:var(--muted);font-weight:800;text-align:left}.btn-mobile-block{width:100%}.footer{padding-bottom:100px}}
.mobile-page-heading{display:none;margin:0 0 18px}.mobile-page-heading h1{font-size:27px;line-height:1.15;margin:0 0 5px;letter-spacing:-.035em}.mobile-page-heading p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:820px){.mobile-page-heading{display:block}}
/* Deposit QRIS */
.deposit-layout{align-items:start}.money-input-wrap{position:relative}.money-input-wrap>span{position:absolute;left:14px;top:13px;font-weight:850;color:var(--primary);z-index:2}.money-input{padding-left:42px}.quick-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-4px 0 16px}.quick-amount{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;padding:9px 8px;font-weight:750;font-size:12px;cursor:pointer}.quick-amount:hover{border-color:#9bcdbd;background:#f2faf7;color:var(--primary)}.payment-note{display:flex;gap:10px;margin-top:16px;padding:13px 14px;border-radius:14px;background:#fff7ea;border:1px solid #f8dfb7;font-size:12px;color:#73501c}.payment-note b{white-space:nowrap}.qris-result-card{min-height:460px}.deposit-status-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.deposit-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.04em}.status-pending{background:#fff4d8;color:#8a5a00}.status-approved{background:#e8f8f1;color:#0a6a4c}.status-rejected,.status-expired{background:#fff0ef;color:#a52b22}.qris-box{width:min(100%,310px);aspect-ratio:1/1;margin:14px auto;border-radius:22px;padding:13px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(18,32,28,.08);display:grid;place-items:center}.qris-box img{width:100%;height:100%;object-fit:contain;border-radius:12px}.qris-amount{text-align:center;font-size:30px;font-weight:900;letter-spacing:-.04em}.pending-alert{background:#fff8e7;color:#795315;border-color:#f7dfaa}.qris-empty{padding-top:74px}.qris-placeholder{width:76px;height:76px;border-radius:24px;margin:0 auto 14px;background:#edf7f3;color:var(--primary);display:grid;place-items:center;font-size:34px}.wallet-deposit-btn{margin-top:16px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);position:relative;z-index:2}.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter-pills a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}.filter-pills a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-deposit-actions{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:7px;align-items:center}.compact-input{margin:0;padding:10px 11px;min-width:150px}
@media(max-width:600px){.quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.qris-result-card{min-height:0}.qris-box{width:min(88vw,300px)}.admin-deposit-actions{grid-template-columns:1fr 1fr}.admin-deposit-actions .compact-input{grid-column:1/-1}.admin-deposit-actions .btn{width:100%}.deposit-status-row{align-items:center}.wallet-deposit-btn{width:100%}}
/* CRUD admin enhancements */
.btn-danger{background:#fff0ef;color:#a52b22;border:1px solid #f2c8c5}.btn-danger:hover{background:#ffe5e2}.btn-small{min-height:36px;padding:7px 11px;border-radius:11px;font-size:12px}.inline-form{display:inline-flex;margin:0}.crud-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.edit-row td{background:#f7faf8!important;white-space:normal!important}.edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;padding:8px 0}.edit-grid label,.project-form-grid label{display:block}.edit-grid label>span,.project-form-grid label>span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin:0 0 6px;text-transform:uppercase;letter-spacing:.035em}.edit-grid .input,.project-form-grid .input{margin:0}.edit-buttons{display:flex;gap:8px;align-items:center}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2,.section-head h3{margin:2px 0 4px}.admin-form-grid{align-items:start}.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-form-grid .span-2,.project-edit-grid .span-2{grid-column:1/-1}.project-create-card{max-width:900px}.progress-mini{width:100px;height:7px;border-radius:999px;background:#e8efec;overflow:hidden;margin-bottom:5px}.progress-mini span{display:block;height:100%;background:var(--primary);border-radius:inherit}.clamp-text{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px}
@media(max-width:900px){.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-buttons{grid-column:1/-1}}
@media(max-width:600px){.project-form-grid,.edit-grid{grid-template-columns:1fr}.project-form-grid .span-2,.project-edit-grid .span-2,.edit-buttons{grid-column:auto}.crud-actions{justify-content:flex-end}.crud-actions .btn,.crud-actions .inline-form{flex:1}.crud-actions .inline-form .btn{width:100%}.edit-row{display:none}.edit-row td{display:block!important}.edit-grid{width:100%}.edit-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.progress-mini{margin-left:auto}.section-head{align-items:flex-start}.project-create-card{padding:18px}}

/* ===== NEXORA PREMIUM COMPANY PROFILE ===== */
.public-dark{background:#041224;color:#eef8ff}.public-dark .nav{color:#fff}.nav-premium{background:rgba(3,16,36,.88);border-bottom:1px solid rgba(56,151,255,.16);backdrop-filter:blur(18px)}.brand-logo img{display:block;width:230px;height:54px;object-fit:contain;object-position:left center}.premium-links>a:not(.btn){color:#b9cbe0}.premium-links>a:not(.btn):hover{color:#4de5ff}.btn-neon{background:linear-gradient(100deg,#1164ff,#0bd6ff 55%,#18e4b8);color:#fff;box-shadow:0 12px 28px rgba(0,149,255,.24);border:1px solid rgba(75,228,255,.32)}.btn-ghost-blue{background:rgba(7,31,65,.72);border:1px solid #1588ff;color:#fff}.btn-lg{min-height:50px;padding:13px 22px;border-radius:16px}.premium-menu-btn{background:#071c3b;border-color:#174778;color:#fff}.premium-mobile-menu{background:#061a35;border-color:#153f6c;color:#d9efff}.premium-mobile-menu a:hover{background:#0c2b51}.nx-hero{position:relative;overflow:hidden;padding:68px 0 0;background:radial-gradient(circle at 72% 28%,rgba(0,169,255,.18),transparent 28%),radial-gradient(circle at 15% 45%,rgba(0,89,255,.15),transparent 30%),linear-gradient(180deg,#03132b,#051d3b 78%,#08284b);border-bottom:1px solid rgba(75,174,255,.18)}.nx-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.34;pointer-events:none}.nx-glow-a{width:360px;height:360px;background:#087dff;right:22%;top:4%}.nx-glow-b{width:280px;height:280px;background:#00e1bd;left:-100px;bottom:12%}.nx-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}.nx-kicker{display:inline-flex;align-items:center;gap:8px;color:#63e7ff;font-size:12px;font-weight:900;letter-spacing:.1em}.nx-hero h1{font-size:clamp(44px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0 20px;color:#fff}.nx-hero h1 span{background:linear-gradient(90deg,#1b82ff,#18e4c0);-webkit-background-clip:text;background-clip:text;color:transparent}.nx-hero-copy>p{font-size:17px;color:#b8cce0;max-width:650px;margin:0 0 26px}.nx-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.nx-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#8fb1ce;font-size:12px;font-weight:700}.nx-hero-visual{position:relative;min-height:430px}.nx-visual-frame{position:absolute;inset:0;border:1px solid rgba(44,174,255,.35);border-radius:34px;overflow:hidden;background:#051c3a;box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 0 45px rgba(3,160,255,.07)}.nx-visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,41,.45),transparent 30%,transparent 75%,rgba(3,18,41,.25)),linear-gradient(0deg,rgba(3,18,41,.35),transparent 30%)}.nx-visual-frame img{width:100%;height:100%;object-fit:cover;display:block}.nx-float-card{position:absolute;z-index:3;background:rgba(4,24,51,.9);border:1px solid rgba(55,183,255,.45);box-shadow:0 16px 38px rgba(0,0,0,.35);backdrop-filter:blur(12px);border-radius:17px;color:#fff}.nx-float-top{right:-16px;top:28px;padding:14px 17px;min-width:155px}.nx-float-top small,.nx-float-top span{display:block;color:#86a9c8;font-size:10px}.nx-float-top strong{display:block;color:#25e0c1;font-size:28px}.nx-float-bottom{left:-14px;bottom:26px;padding:12px 15px;display:flex;align-items:center;gap:10px}.nx-float-bottom small{display:block;color:#8aaac6;font-size:10px}.nx-float-bottom strong{font-size:14px}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#1ee3a9;box-shadow:0 0 0 7px rgba(30,227,169,.1)}.nx-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid rgba(79,171,255,.18);background:rgba(2,14,32,.35)}.nx-stats>div{padding:21px 18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;border-right:1px solid rgba(79,171,255,.14)}.nx-stats>div:last-child{border-right:0}.nx-stat-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#092d58;color:#2ce3ff}.nx-stats strong{font-size:18px;line-height:1.2;color:#fff}.nx-stats small{color:#7398b9;font-size:10px}.nx-section{padding:76px 0}.nx-dark-section,.nx-project-section,.nx-how-section,.nx-faq-section{background:#061a34}.nx-project-section,.nx-faq-section{background:#071f3d}.nx-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.nx-section-head h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;line-height:1.05;margin:8px 0 0;color:#fff}.nx-section-head>p{max-width:520px;color:#8eacc7;margin:0}.nx-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nx-feature{padding:24px;border:1px solid rgba(56,160,255,.3);border-radius:18px;background:linear-gradient(180deg,rgba(11,48,88,.8),rgba(5,31,60,.9));box-shadow:inset 0 1px rgba(255,255,255,.03)}.nx-feature i{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#0d56b4,#08c9d7);display:grid;place-items:center;font-style:normal;font-weight:900;color:#fff;box-shadow:0 0 24px rgba(0,172,255,.25)}.nx-feature h3{margin:18px 0 7px;color:#fff}.nx-feature p{color:#8faec8;font-size:13px;margin:0}.nx-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.nx-project-card{overflow:hidden;border-radius:18px;border:1px solid rgba(46,154,255,.34);background:#06182f;transition:.2s}.nx-project-card:hover{transform:translateY(-4px);border-color:#27c7ff;box-shadow:0 18px 40px rgba(0,0,0,.28)}.nx-project-image{height:160px;position:relative;overflow:hidden}.nx-project-image img{width:100%;height:100%;object-fit:cover;display:block}.nx-project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06182f,transparent 60%)}.nx-project-image span{position:absolute;z-index:2;right:10px;top:10px;padding:5px 8px;border-radius:999px;background:#14dd9b;color:#032b24;font-size:9px;font-weight:900;text-transform:uppercase}.nx-project-body{padding:16px}.nx-project-body small{color:#29d8ff;font-size:10px;text-transform:uppercase;font-weight:800}.nx-project-body h3{color:#fff;margin:6px 0;font-size:17px}.nx-project-body p{color:#809fbb;font-size:12px;height:54px;overflow:hidden;margin:0 0 13px}.nx-progress-meta{display:flex;justify-content:space-between;color:#7f9eba;font-size:10px;margin-bottom:6px}.nx-progress-meta b{color:#e9f8ff}.nx-progress{height:6px;background:#0d3158;border-radius:999px;overflow:hidden}.nx-progress span{display:block;height:100%;background:linear-gradient(90deg,#0a75ff,#15e3bc)}.nx-program-section{background:radial-gradient(circle at 85% 20%,rgba(0,125,255,.09),transparent 28%),#05162d}.nx-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.nx-package-card{position:relative;border:1px solid rgba(44,155,255,.35);border-radius:22px;padding:25px;background:linear-gradient(180deg,#082343,#061a33);box-shadow:0 18px 38px rgba(0,0,0,.18);color:#dcefff}.nx-package-card.featured{border-color:#14d6e9;box-shadow:0 0 0 1px rgba(20,214,233,.15),0 22px 50px rgba(0,138,255,.18)}.nx-popular{position:absolute;right:18px;top:18px;background:#12e0a8;color:#003a2c;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900}.nx-package-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#126cff,#14e3c5);display:grid;place-items:center;font-size:25px;font-weight:950;color:#fff;margin-bottom:16px;box-shadow:0 10px 25px rgba(0,126,255,.28)}.nx-package-card>small{color:#65ddff}.nx-package-card h3{margin:4px 0 7px;color:#fff;font-size:20px}.nx-price{font-size:30px;font-weight:950;color:#20e2c1;letter-spacing:-.04em}.nx-term{font-size:12px;color:#92b3ce;margin-top:3px}.nx-package-card p{color:#7f9fba;font-size:12px;min-height:42px}.nx-package-card ul{list-style:none;padding:0;margin:18px 0 22px}.nx-package-card li{font-size:12px;color:#b6cde1;margin:8px 0}.nx-package-card li::first-letter{color:#24e49d}.nx-risk-note{font-size:11px;color:#6887a3;margin-top:18px}.nx-how-section{border-top:1px solid rgba(66,157,247,.12)}.nx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nx-steps>div{padding:24px;border-radius:18px;border:1px solid rgba(50,145,235,.26);background:#071f3b}.nx-steps b{font-size:30px;color:#12cbd9}.nx-steps h3{color:#fff;margin:8px 0 5px}.nx-steps p{color:#819fba;font-size:13px;margin:0}.nx-transparency{background:linear-gradient(135deg,#071a35,#082849)}.nx-transparency-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.nx-transparency h2{font-size:clamp(34px,4vw,48px);line-height:1.03;color:#fff;margin:9px 0 16px}.nx-transparency p{color:#91afc9;margin:0 0 24px}.nx-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nx-checklist>div{padding:18px;border:1px solid rgba(47,160,252,.26);background:rgba(4,20,42,.54);border-radius:16px}.nx-checklist span{color:#25dff0;font-size:11px;font-weight:900}.nx-checklist b,.nx-checklist small{display:block}.nx-checklist b{color:#fff;margin:6px 0}.nx-checklist small{color:#7495b1}.nx-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nx-faq-grid details{background:#06182f;border:1px solid rgba(53,149,242,.25);border-radius:16px;padding:18px}.nx-faq-grid summary{cursor:pointer;font-weight:800;color:#eaf7ff}.nx-faq-grid p{color:#819fba;font-size:13px;margin:12px 0 0}.nx-cta{padding:28px 0 64px;background:#071f3d}.nx-cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border-radius:24px;border:1px solid #1888e8;background:radial-gradient(circle at 15% 120%,rgba(0,158,255,.28),transparent 34%),linear-gradient(110deg,#082d58,#061a35)}.nx-cta h2{margin:7px 0 6px;color:#fff;font-size:34px;letter-spacing:-.04em}.nx-cta p{margin:0;color:#8baac5}.nx-cta-actions{display:flex;gap:10px;flex-shrink:0}.nx-empty{grid-column:1/-1;padding:28px;border:1px dashed #2869a4;border-radius:18px;color:#80a1bd;text-align:center}.premium-footer{background:#031126;border-top:1px solid rgba(48,148,243,.2);padding:46px 0 22px;color:#c5d9ea}.premium-footer-grid{display:grid;grid-template-columns:1.6fr .55fr .55fr;gap:50px}.footer-logo img{width:220px}.premium-footer p{color:#7998b4;max-width:630px}.premium-footer small{color:#577694}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b{color:#fff;margin-bottom:5px}.footer-col a{color:#7e9db8;font-size:13px}.footer-col a:hover{color:#35dfff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(54,137,218,.15);margin-top:36px;padding-top:20px;color:#587792;font-size:11px}
@media(max-width:1050px){.brand-logo img{width:190px}.premium-links{gap:12px}.nx-hero-grid{grid-template-columns:1fr}.nx-hero-visual{min-height:400px}.nx-feature-grid,.nx-project-grid{grid-template-columns:repeat(2,1fr)}.nx-package-grid{grid-template-columns:repeat(2,1fr)}.nx-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nx-hero{padding-top:48px}.brand-logo img{width:180px}.nx-hero h1{font-size:48px}.nx-stats{grid-template-columns:repeat(2,1fr)}.nx-stats>div:nth-child(2){border-right:0}.nx-section-head{display:block}.nx-section-head>p{margin-top:12px}.nx-transparency-grid{grid-template-columns:1fr}.nx-faq-grid{grid-template-columns:1fr}.nx-cta-box{display:block}.nx-cta-actions{margin-top:22px}.premium-footer-grid{grid-template-columns:1fr 1fr}.premium-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.nav-premium .navin{min-height:64px}.brand-logo img{width:158px;height:44px}.nx-hero{padding-top:34px}.nx-hero h1{font-size:39px}.nx-hero-copy>p{font-size:15px}.nx-hero-actions{display:grid;grid-template-columns:1fr}.nx-hero-actions .btn{width:100%}.nx-trust-row{gap:8px 14px}.nx-hero-visual{min-height:300px;margin-top:5px}.nx-visual-frame{border-radius:22px}.nx-float-top{right:8px;top:14px}.nx-float-bottom{left:8px;bottom:14px}.nx-stats{margin-top:30px}.nx-stats>div{padding:16px 10px}.nx-stats strong{font-size:15px}.nx-stat-icon{width:32px;height:32px}.nx-section{padding:52px 0}.nx-feature-grid,.nx-project-grid,.nx-package-grid,.nx-steps,.nx-checklist{grid-template-columns:1fr}.nx-project-image{height:190px}.nx-package-card p{min-height:0}.nx-transparency-grid{gap:28px}.nx-cta{padding-bottom:42px}.nx-cta-box{padding:24px}.nx-cta h2{font-size:29px}.nx-cta-actions{display:grid}.premium-footer-grid{grid-template-columns:1fr}.premium-footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}

/* ================================================================
   NEXORA AI — UNIFIED PREMIUM APP THEME
   Member, Admin, Auth & Operational pages
   ================================================================ */
:root{
  --nx-bg:#031126;
  --nx-bg-2:#06182f;
  --nx-panel:#071d37;
  --nx-panel-2:#0a2342;
  --nx-line:rgba(72,156,235,.22);
  --nx-text:#eef8ff;
  --nx-muted:#7f9fbc;
  --nx-blue:#168cff;
  --nx-cyan:#20e6e6;
  --nx-green:#25e99b;
  --nx-yellow:#ffcc4d;
  --nx-red:#ff6b75;
  --nx-shadow:0 20px 55px rgba(0,0,0,.28);
}
body.member-body,body.admin-body{
  background:
    radial-gradient(circle at 86% 5%,rgba(0,143,255,.12),transparent 24%),
    radial-gradient(circle at 15% 86%,rgba(24,224,223,.07),transparent 26%),
    #04142a;
  color:var(--nx-text);
  min-height:100vh;
}
.member-body .layout,.admin-body .layout{background:transparent}
.member-body .sidebar,.admin-body .sidebar{
  background:
    radial-gradient(circle at 25% -5%,rgba(29,153,255,.18),transparent 30%),
    linear-gradient(180deg,#03142c 0%,#031024 100%);
  border-right:1px solid rgba(57,146,230,.18);
  box-shadow:18px 0 50px rgba(0,0,0,.12);
}
.member-body .sidebar-brand,.admin-body .sidebar-brand{padding:6px 8px 26px}
.member-body .sidebar-brand img,.admin-body .sidebar-brand img{width:190px!important;height:48px!important}
.member-body .sidebar-brand>span,.admin-body .sidebar-brand>span{display:none}
.member-body .sidebar-label,.admin-body .sidebar-label{color:#4f7396;padding-top:14px}
.member-body .sidebar a,.admin-body .sidebar a{
  color:#8eabc5;border:1px solid transparent;transition:.18s ease;
}
.member-body .sidebar a:hover,.member-body .sidebar a.active,
.admin-body .sidebar a:hover,.admin-body .sidebar a.active{
  background:linear-gradient(90deg,rgba(21,139,255,.16),rgba(20,231,229,.06));
  border-color:rgba(45,157,255,.22);color:#fff;box-shadow:inset 3px 0 0 #1d9eff;
}
.member-body .navicon,.admin-body .navicon{color:#24dfe6;font-weight:900}
.member-body .main,.admin-body .main{padding:34px 36px 70px}
.member-body .page-topbar,.admin-body .page-topbar{margin-bottom:28px}
.member-body .page-title h1,.admin-body .page-title h1,
.member-body .main>h1,.admin-body .main>h1{color:#fff;font-size:34px}
.member-body .page-title p,.admin-body .page-title p,.member-body .muted,.admin-body .muted{color:var(--nx-muted)}
.member-body .eyebrow,.admin-body .eyebrow{color:#35dfff}
.member-body .user-chip,.admin-body .user-chip{
  background:rgba(8,29,55,.82);border-color:var(--nx-line);box-shadow:0 12px 28px rgba(0,0,0,.12);color:#fff;
}
.member-body .avatar,.admin-body .avatar{
  background:linear-gradient(135deg,#0a69ff,#1ee6d5);color:#fff;box-shadow:0 6px 16px rgba(0,126,255,.25)
}
.member-body .card,.admin-body .card,
.member-body .stat,.admin-body .stat{
  background:linear-gradient(145deg,rgba(8,31,59,.98),rgba(5,24,47,.98));
  border-color:var(--nx-line);color:#eaf7ff;
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.member-body .card-hover:hover,.admin-body .card-hover:hover{
  border-color:rgba(32,219,238,.45);box-shadow:0 22px 50px rgba(0,0,0,.28),0 0 0 1px rgba(21,147,255,.06);transform:translateY(-4px)
}
.member-body .stat,.admin-body .stat{position:relative;overflow:hidden}
.member-body .stat:after,.admin-body .stat:after{content:"";position:absolute;right:-35px;top:-55px;width:120px;height:120px;border-radius:50%;background:rgba(20,159,255,.07)}
.member-body .stat-label,.member-body .stat small,.admin-body .stat-label,.admin-body .stat small{color:#7598b7}
.member-body .stat b,.admin-body .stat b{color:#fff}
.member-body .stat-highlight,.admin-body .stat-highlight,
.member-body .wallet-card,.admin-body .wallet-card{
  background:radial-gradient(circle at 90% 5%,rgba(31,231,220,.18),transparent 35%),linear-gradient(135deg,#075fc7 0%,#087ee3 52%,#0bb8c6 100%);
  border:1px solid rgba(96,223,255,.38);box-shadow:0 20px 45px rgba(0,92,190,.24)
}
.member-body .wallet-card .muted,.admin-body .wallet-card .muted{color:#d9f5ff}
.member-body .wallet-card:after,.admin-body .wallet-card:after{background:rgba(255,255,255,.1)}
.member-body .badge,.admin-body .badge{
  background:rgba(23,165,255,.12);color:#58e5ff;border:1px solid rgba(47,186,255,.22)
}
.member-body .badge-warm,.admin-body .badge-warm{background:rgba(255,198,69,.1);color:#ffd36d;border-color:rgba(255,200,70,.2)}
.member-body .program-meta,.admin-body .program-meta{border-color:rgba(73,145,210,.2)}
.member-body .program-meta strong,.admin-body .program-meta strong{color:#f3fbff}
.member-body .price,.admin-body .price{color:#fff}
.member-body .btn-primary,.admin-body .btn-primary{
  background:linear-gradient(135deg,#075cff,#12a8ff 58%,#15d8ce);color:#fff;box-shadow:0 10px 24px rgba(0,110,255,.23)
}
.member-body .btn-primary:hover,.admin-body .btn-primary:hover{box-shadow:0 14px 30px rgba(0,126,255,.32)}
.member-body .btn-light,.admin-body .btn-light{
  background:rgba(13,115,216,.12);border:1px solid rgba(45,151,255,.23);color:#aeeeff
}
.member-body .btn-outline,.admin-body .btn-outline{
  background:rgba(3,18,38,.4);border:1px solid rgba(76,159,236,.32);color:#d9efff
}
.member-body .btn-outline:hover,.admin-body .btn-outline:hover{border-color:#26dfe8;background:rgba(24,175,223,.08)}
.member-body .input,.admin-body .input,
.member-body select,.admin-body select,.member-body textarea,.admin-body textarea{
  background:#05182f;color:#eaf7ff;border-color:rgba(77,151,218,.3)
}
.member-body .input::placeholder,.admin-body .input::placeholder{color:#587795}
.member-body .input:focus,.admin-body .input:focus{
  border-color:#2aa9ff;box-shadow:0 0 0 4px rgba(20,153,255,.12);background:#061c37
}
.member-body select option,.admin-body select option{background:#06182f;color:#fff}
.member-body label,.admin-body label{color:#bad2e6}
.member-body .tablewrap,.admin-body .tablewrap{
  background:#06172e;border-color:var(--nx-line);box-shadow:0 14px 36px rgba(0,0,0,.14)
}
.member-body .table,.admin-body .table{background:transparent;color:#dceefe}
.member-body .table th,.admin-body .table th{
  background:#071d38;color:#7095b6;border-color:rgba(68,145,217,.18)
}
.member-body .table td,.admin-body .table td{border-color:rgba(68,145,217,.14)}
.member-body .table tbody tr:hover,.admin-body .table tbody tr:hover{background:rgba(17,128,226,.05)}
.member-body .status-pill,.admin-body .status-pill{
  background:rgba(26,224,166,.1);color:#58f0bd;border:1px solid rgba(31,222,168,.18)
}
.member-body .alert.success,.admin-body .alert.success{background:rgba(23,202,142,.09);color:#77efc5;border-color:rgba(39,222,167,.22)}
.member-body .alert.error,.admin-body .alert.error{background:rgba(255,83,107,.08);color:#ff9aa8;border-color:rgba(255,102,119,.22)}
.member-body .progress,.admin-body .progress{background:#0c2a49}
.member-body .progress span,.admin-body .progress span{background:linear-gradient(90deg,#0d79ff,#1ee6d5)}
.member-body .feature-icon,.admin-body .feature-icon{background:rgba(20,151,255,.11);color:#35dfff;border:1px solid rgba(45,156,255,.18)}
.member-body .filter-pills,.admin-body .filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.member-body .filter-pills a,.admin-body .filter-pills a{padding:9px 13px;border:1px solid var(--nx-line);border-radius:999px;color:#84a8c5;background:#06172f;font-size:12px;font-weight:800}
.member-body .filter-pills a.active,.admin-body .filter-pills a.active{background:linear-gradient(135deg,#076cff,#15c7d7);color:#fff;border-color:transparent}
.member-body code,.admin-body code{background:#071d38;color:#56ddff;border:1px solid rgba(64,158,237,.2);padding:3px 7px;border-radius:8px}
.member-body a:not(.btn):not(.sidebar a):not(.mobile-bottom-nav a),.admin-body a:not(.btn):not(.sidebar a):not(.mobile-bottom-nav a){color:#68dfff}
.member-body .content-section h2,.admin-body .content-section h2{color:#fff}
.member-body .empty-state,.admin-body .empty-state{color:#7898b4}
.member-body hr,.admin-body hr{border:0;border-top:1px solid rgba(74,147,216,.18)}

/* Premium auth on public login/register */
.public-dark .auth-shell,
body.auth-premium-body .auth-shell{
  min-height:calc(100vh - 74px);
  background:
    radial-gradient(circle at 15% 20%,rgba(8,115,255,.18),transparent 30%),
    radial-gradient(circle at 82% 75%,rgba(21,228,220,.12),transparent 30%),
    #04142a;
}
.public-dark .auth-card,
body.auth-premium-body .auth-card{
  background:linear-gradient(145deg,rgba(8,31,59,.98),rgba(4,20,41,.98));
  border:1px solid rgba(68,153,235,.28);color:#eef8ff;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative;overflow:hidden
}
.public-dark .auth-card:before,
body.auth-premium-body .auth-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-95px;background:rgba(27,196,232,.09)}
.public-dark .auth-card h2,body.auth-premium-body .auth-card h2{color:#fff}
.public-dark .auth-sub,body.auth-premium-body .auth-sub{color:#829fba}
.public-dark .auth-card label,body.auth-premium-body .auth-card label{color:#bed5e8}
.public-dark .auth-card .input,body.auth-premium-body .auth-card .input{background:#05182f;border-color:rgba(77,151,218,.3);color:#fff}
.public-dark .auth-card .input:focus,body.auth-premium-body .auth-card .input:focus{border-color:#2aa9ff;box-shadow:0 0 0 4px rgba(20,153,255,.12)}
.public-dark .auth-card .input::placeholder,body.auth-premium-body .auth-card .input::placeholder{color:#587795}
.public-dark .auth-card .muted,body.auth-premium-body .auth-card .muted{color:#7897b3}
.public-dark .auth-card .eyebrow,body.auth-premium-body .auth-card .eyebrow{color:#35dfff}
.public-dark .auth-card .btn-primary,body.auth-premium-body .auth-card .btn-primary{background:linear-gradient(135deg,#0868ff,#0fa8ff,#14d8cf);box-shadow:0 12px 28px rgba(0,115,255,.26)}
body.auth-premium-body{margin:0;background:#04142a;color:#fff}
.admin-auth-brand{display:flex;justify-content:center;margin-bottom:24px}
.admin-auth-brand img{width:220px;height:56px;object-fit:contain}

/* mobile app polish */
@media(max-width:820px){
  body.member-body,body.admin-body{padding-bottom:82px}
  .member-body .main,.admin-body .main{padding:18px 14px 30px}
  .member-body .mobile-topbar,.admin-body .mobile-topbar{
    margin:-18px -14px 20px;padding:0 14px;height:66px;
    background:rgba(3,17,38,.94);border-bottom:1px solid rgba(63,149,232,.18);backdrop-filter:blur(18px)
  }
  .member-body .mobile-topbar .brand img,.admin-body .mobile-topbar .brand img{width:154px!important;height:40px!important}
  .member-body .mobile-topbar .brand>span,.admin-body .mobile-topbar .brand>span{display:none}
  .member-body .page-topbar,.admin-body .page-topbar{display:none}
  .member-body .mobile-page-heading,.admin-body .mobile-page-heading{display:block;margin-bottom:18px}
  .member-body .mobile-page-heading h1,.admin-body .mobile-page-heading h1{margin:0 0 5px;color:#fff;font-size:27px;letter-spacing:-.035em}
  .member-body .mobile-page-heading p,.admin-body .mobile-page-heading p{margin:0;color:#799ab7;font-size:13px}
  .member-body .mobile-bottom-nav,.admin-body .mobile-bottom-nav{
    height:72px;background:rgba(3,16,35,.97);border-top:1px solid rgba(65,151,235,.22);backdrop-filter:blur(18px);box-shadow:0 -16px 35px rgba(0,0,0,.24)
  }
  .member-body .mobile-bottom-nav a,.admin-body .mobile-bottom-nav a{color:#617f9b}
  .member-body .mobile-bottom-nav a.active,.admin-body .mobile-bottom-nav a.active{color:#54e8f2}
  .member-body .mobile-bottom-nav a.active:before,.admin-body .mobile-bottom-nav a.active:before{background:linear-gradient(90deg,#168cff,#20e6e6)}
  .member-body .stats,.admin-body .stats{gap:10px}
  .member-body .stat,.admin-body .stat{padding:16px;border-radius:17px}
  .member-body .stat b,.admin-body .stat b{font-size:20px}
  .member-body .card,.admin-body .card{padding:18px;border-radius:18px}
  .member-body .mobile-cards .table,.admin-body .mobile-cards .table{min-width:0}
  .member-body .mobile-cards thead,.admin-body .mobile-cards thead{display:none}
  .member-body .mobile-cards tbody,.member-body .mobile-cards tr,.member-body .mobile-cards td,
  .admin-body .mobile-cards tbody,.admin-body .mobile-cards tr,.admin-body .mobile-cards td{display:block;width:100%}
  .member-body .mobile-cards tr,.admin-body .mobile-cards tr{padding:13px 15px;border-bottom:1px solid rgba(66,145,218,.15)}
  .member-body .mobile-cards td,.admin-body .mobile-cards td{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:0;padding:7px 0;white-space:normal;text-align:right}
  .member-body .mobile-cards td:before,.admin-body .mobile-cards td:before{content:attr(data-label);color:#688aa8;font-size:11px;font-weight:800;text-transform:uppercase;text-align:left}
}
@media(max-width:520px){
  .member-body .stats,.admin-body .stats{grid-template-columns:1fr 1fr}
  .member-body .stat-highlight,.admin-body .stat-highlight{grid-column:1/-1}
  .member-body .g2,.member-body .g3,.member-body .g4,.admin-body .g2,.admin-body .g3,.admin-body .g4{grid-template-columns:1fr}
}
@media(max-width:820px){
  .admin-body .page-topbar{display:flex;margin:2px 0 18px;align-items:flex-start}
  .admin-body .page-topbar .user-chip{display:none}
  .admin-body .page-title h1{font-size:27px;margin-bottom:4px}
  .admin-body .page-title p{font-size:13px}
}

/* Referral */
.referral-hero-card{position:relative;overflow:hidden}.referral-hero-card:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-80px;border-radius:50%;background:rgba(29,207,239,.08);pointer-events:none}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.copy-row .input{margin:0}.ref-steps{display:grid;gap:11px}.ref-steps>div{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid rgba(74,147,216,.14)}.ref-steps>div:last-child{border-bottom:0}.ref-steps span{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#096cff,#18cfd4);color:#fff;font-weight:900;font-size:12px}.ref-steps p{margin:3px 0 0;color:#a6bfd4;font-size:13px}.referral-grid{align-items:stretch}
@media(max-width:820px){.member-body .mobile-bottom-nav{grid-template-columns:repeat(6,1fr)}.member-body .mobile-bottom-nav a{font-size:9px}.member-body .mobile-bottom-nav .navicon{font-size:17px}}
@media(max-width:600px){.copy-row{grid-template-columns:1fr}.copy-row .btn{width:100%}}

/* Customer Support & Telegram */
.support-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px;align-items:start}.support-chat-card{padding:0!important;overflow:hidden}.support-chat-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(74,147,216,.16)}.support-chat-head h2{margin:3px 0 2px}.support-online{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(22,213,166,.08);color:#61efc2;font-size:11px;font-weight:850;border:1px solid rgba(31,216,165,.16)}.support-online i{width:7px;height:7px;border-radius:50%;background:#31e7b0;box-shadow:0 0 12px rgba(49,231,176,.7)}.chat-messages{height:470px;overflow:auto;padding:22px;background:linear-gradient(180deg,rgba(2,14,30,.22),rgba(6,23,46,.42));scroll-behavior:smooth}.chat-row{display:flex;margin:0 0 13px}.chat-row.mine{justify-content:flex-end}.chat-row.theirs{justify-content:flex-start}.chat-bubble{max-width:min(78%,620px);padding:11px 14px;border-radius:16px;background:#0a2647;border:1px solid rgba(83,158,225,.18);color:#e8f6ff;box-shadow:0 8px 20px rgba(0,0,0,.08);line-height:1.48}.chat-row.mine .chat-bubble{background:linear-gradient(135deg,#075cd5,#098fd8 72%,#0aa9ae);border-color:transparent;color:#fff;border-bottom-right-radius:5px}.chat-row.theirs .chat-bubble{border-bottom-left-radius:5px}.chat-bubble small{display:block;margin-top:6px;font-size:10px;opacity:.65}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px 17px;border-top:1px solid rgba(74,147,216,.16);align-items:end}.chat-compose textarea{resize:none;margin:0!important;min-height:48px}.chat-compose .btn{height:48px}.chat-empty,.chat-select-empty{padding:40px 20px;text-align:center;color:#7394b2}.telegram-card{text-align:center;position:sticky;top:22px}.telegram-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#078aff,#25d9e3);box-shadow:0 16px 32px rgba(0,142,231,.24);color:#fff}.admin-chat-layout{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.4fr);gap:18px;align-items:stretch}.chat-inbox,.admin-chat-panel{padding:0!important;overflow:hidden;min-height:620px}.chat-inbox .section-head{padding:18px 18px 11px}.chat-thread-list{max-height:555px;overflow:auto}.chat-thread{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 15px;border-top:1px solid rgba(74,147,216,.12);color:inherit!important;text-decoration:none}.chat-thread:hover,.chat-thread.active{background:rgba(19,134,224,.08)}.chat-thread.active{box-shadow:inset 3px 0 #2bdde8}.thread-main{display:grid;gap:3px;min-width:0}.thread-main b{color:#edf8ff;font-size:13px}.thread-main span{color:#7898b3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-side{display:grid;justify-items:end;gap:5px}.thread-side small{font-size:9px;color:#627f99}.thread-side em{font-style:normal;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#0e9ee9;color:white;font-size:9px;font-weight:900}.admin-chat-panel{display:flex;flex-direction:column}.admin-chat-messages{height:445px;flex:1}.admin-chat-panel .chat-compose{margin-top:auto}.chat-select-empty{margin:auto}.switch-row{display:flex!important;align-items:center;gap:10px;margin:0 0 18px!important;padding:11px 13px;border:1px solid rgba(74,147,216,.16);border-radius:13px;background:rgba(8,34,64,.38)}.switch-row input{width:18px;height:18px;margin:0}.switch-row span{font-size:13px;font-weight:800}
@media(max-width:980px){.support-layout,.admin-chat-layout{grid-template-columns:1fr}.telegram-card{position:static}.chat-inbox{min-height:auto}.chat-thread-list{max-height:340px}.admin-chat-panel{min-height:560px}}
@media(max-width:620px){.chat-messages{height:420px;padding:14px}.support-chat-head{padding:16px;align-items:flex-start}.support-online{display:none}.chat-compose{grid-template-columns:1fr;padding:12px}.chat-compose .btn{width:100%}.chat-bubble{max-width:88%}.admin-chat-layout{gap:12px}.admin-chat-panel{min-height:540px}}


/* Deposit proof upload */
.proof-upload-box{margin-top:18px;padding:18px;border:1px solid rgba(103,232,249,.18);border-radius:18px;background:rgba(7,18,39,.58)}
.proof-upload-box h3{margin:6px 0 8px}
.proof-preview{display:block;margin:12px 0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#071224}
.proof-preview img{display:block;width:100%;max-height:320px;object-fit:contain;background:#071224}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:saturate(.4)}

/* QRIS scan reliability */
.qris-box{width:min(100%,340px);aspect-ratio:1/1;padding:22px;border-radius:18px;background:#fff;overflow:visible}
.qris-box img{width:100%;height:100%;object-fit:contain;border-radius:0!important;image-rendering:pixelated}
@media(max-width:600px){.qris-box{width:min(92vw,330px);padding:20px}}


/* QRIS local image fix */
.qris-box{
  background:#fff !important;
  border-radius:18px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:280px;
}
.qris-box img{
  display:block !important;
  width:100% !important;
  max-width:320px !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  border-radius:0 !important;
  filter:none !important;
  opacity:1 !important;
  visibility:visible !important;
  mix-blend-mode:normal !important;
  image-rendering:auto;
  background:#fff !important;
}


/* FINAL QRIS inline renderer */
.member-body .qris-result-card{display:block!important;visibility:visible!important;opacity:1!important}
.member-body .deposit-layout{display:grid!important;visibility:visible!important;opacity:1!important}
.member-body .qris-box{
  background:#fff!important;
  width:min(100%,340px)!important;
  min-height:340px!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  padding:18px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.member-body .qris-box img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:260px!important;
  min-height:260px!important;
  object-fit:contain!important;
  border-radius:0!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  image-rendering:pixelated;
}
.member-body .qris-error-box{color:#8b1e1e!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.member-body .qris-error-box strong{display:block;color:#8b1e1e!important;margin-bottom:8px}
.member-body .qris-error-box small{display:block;color:#6b3030!important;line-height:1.5}
@media(max-width:600px){
  .member-body .qris-box{width:min(88vw,330px)!important;min-height:0!important}
  .member-body .qris-box img{min-width:0!important;min-height:0!important}
}

/* =========================================================
   QRIS MOBILE POPUP / BOTTOM SHEET
   ========================================================= */
.deposit-page-shell{max-width:760px;margin:0 auto 22px}.deposit-create-card{overflow:visible}.qris-modal{position:fixed;inset:0;z-index:9999;display:none}.qris-modal.is-open{display:block}.qris-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.76);backdrop-filter:blur(8px)}.qris-modal-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:min(94vw,520px);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#111c33 0%,#0c1528 100%);border:1px solid rgba(117,164,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.46);border-radius:28px;padding:24px;color:#fff;opacity:0;transition:transform .18s ease,opacity .18s ease}.qris-modal.is-open .qris-modal-sheet{transform:translate(-50%,-50%) scale(1);opacity:1}.qris-modal-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1;cursor:pointer}.qris-modal-handle{display:none}.qris-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-right:42px;margin-bottom:18px}.qris-modal-head h2{margin:5px 0 3px;font-size:24px}.qris-modal-head p{margin:0;color:#8ea2c6;font-size:13px}.qris-modal-body{display:flex;flex-direction:column;align-items:center}.qris-popup-code{width:min(100%,330px);aspect-ratio:1/1;background:#fff;border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 35px rgba(0,0,0,.25)}.qris-popup-code img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;filter:none!important;opacity:1!important;visibility:visible!important;background:#fff!important}.qris-popup-amount{font-size:30px;font-weight:800;margin-top:16px;letter-spacing:-.03em}.qris-popup-help{text-align:center;color:#94a7c9;max-width:360px;margin:4px auto 18px;font-size:13px;line-height:1.55}.qris-proof-panel{width:100%;padding:18px;border:1px solid rgba(117,164,255,.16);border-radius:20px;background:rgba(255,255,255,.035)}.qris-proof-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.qris-proof-title h3{margin:6px 0 0}.qris-file-picker{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px dashed rgba(119,191,255,.48);background:rgba(42,137,255,.08);border-radius:14px;cursor:pointer;font-weight:700;text-align:center;padding:10px}.qris-file-picker input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.qris-proof-form{margin-top:12px}.proof-preview-popup{max-height:150px;overflow:hidden;border-radius:14px;margin-top:12px}.proof-preview-popup img{width:100%;height:150px;object-fit:cover}.qris-finish-btn{margin-top:14px}.qris-modal-open{overflow:hidden}
@media(max-width:640px){.qris-modal-sheet{left:0;right:0;top:auto;bottom:0;transform:translateY(100%);width:100%;max-height:94dvh;border-radius:28px 28px 0 0;padding:14px 18px 22px}.qris-modal.is-open .qris-modal-sheet{transform:translateY(0);opacity:1}.qris-modal-handle{display:block;width:44px;height:5px;border-radius:99px;background:rgba(255,255,255,.24);margin:0 auto 12px}.qris-modal-close{top:18px;right:16px}.qris-modal-head{padding:0 44px 0 0;margin-bottom:14px}.qris-modal-head h2{font-size:21px}.qris-popup-code{width:min(78vw,315px);padding:12px;border-radius:14px}.qris-popup-amount{font-size:27px;margin-top:12px}.qris-popup-help{margin-bottom:14px}.qris-proof-panel{padding:15px}.qris-modal-body{padding-bottom:max(0px,env(safe-area-inset-bottom))}}


/* Member mobile navigation: 5 items + More sheet */
@media(max-width:820px){
  .member-body .member-mobile-nav{grid-template-columns:repeat(5,1fr)!important;height:74px!important;padding-bottom:max(4px,env(safe-area-inset-bottom));}
  .member-body .member-mobile-nav a,
  .member-body .member-mobile-nav .mobile-more-trigger{
    appearance:none;border:0;background:transparent;color:#617f9b;font:inherit;cursor:pointer;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;
    min-width:0;padding:7px 2px;font-size:9px;font-weight:800;text-decoration:none;
  }
  .member-body .member-mobile-nav .navicon{font-size:18px;line-height:1.1;width:auto;min-height:20px;display:grid;place-items:center}
  .member-body .member-mobile-nav a.active,
  .member-body .member-mobile-nav .mobile-more-trigger.active{color:#54e8f2}
  .member-body .member-mobile-nav a.active:before,
  .member-body .member-mobile-nav .mobile-more-trigger.active:before{
    content:"";position:absolute;top:0;left:24%;right:24%;height:2px;border-radius:0 0 4px 4px;
    background:linear-gradient(90deg,#168cff,#20e6e6)
  }
}
.member-more-menu{position:fixed;inset:0;z-index:10020;display:none}
.member-more-menu.is-open{display:block}
.member-more-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,7,19,.74);backdrop-filter:blur(7px);cursor:pointer}
.member-more-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:min(94vw,480px);max-height:88vh;overflow:auto;
  border:1px solid rgba(94,164,235,.20);border-radius:26px;padding:20px;background:linear-gradient(180deg,#0d1d36,#07152a);box-shadow:0 30px 85px rgba(0,0,0,.5);opacity:0;transition:.18s ease;color:#eef8ff}
.member-more-menu.is-open .member-more-sheet{opacity:1;transform:translate(-50%,-50%) scale(1)}
.member-more-handle{display:none;width:44px;height:5px;border-radius:99px;background:rgba(255,255,255,.2);margin:0 auto 12px}
.member-more-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}
.member-more-head small{font-size:9px;letter-spacing:.14em;color:#53e3ed;font-weight:900}.member-more-head h3{margin:4px 0 0;font-size:22px}
.member-more-close{width:38px;height:38px;border:1px solid rgba(104,164,220,.16);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:24px;cursor:pointer}
.member-more-profile{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(75,149,219,.15);background:rgba(16,52,91,.34);border-radius:17px;margin-bottom:13px}
.member-more-profile .avatar{flex:0 0 40px;width:40px;height:40px}.member-more-profile b{display:block;font-size:13px}.member-more-profile small{display:block;color:#7797b4;font-size:11px;margin-top:2px}
.member-more-grid{display:grid;gap:8px}.member-more-grid>a{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px!important;border-radius:15px;color:#eaf7ff!important;text-decoration:none!important;border:1px solid transparent}
.member-more-grid>a:hover,.member-more-grid>a.active{background:rgba(18,120,215,.10);border-color:rgba(55,168,236,.15)}
.member-more-grid .more-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(15,113,255,.22),rgba(29,222,225,.13));color:#58e5ef;font-size:18px;font-weight:900}
.member-more-grid b{display:block;font-size:13px}.member-more-grid small{display:block;margin-top:2px;color:#7694b0;font-size:10px}.member-more-grid i{font-style:normal;color:#5f809d;font-size:22px}
.member-more-logout{margin-top:13px;display:flex!important;align-items:center;justify-content:center;gap:8px;padding:12px!important;border-radius:14px!important;background:rgba(255,91,111,.06);border:1px solid rgba(255,91,111,.13);color:#ff9aaa!important;font-weight:850!important;text-decoration:none!important}
.member-more-menu-open{overflow:hidden}
@media(max-width:640px){
  .member-more-sheet{left:0;right:0;top:auto;bottom:0;transform:translateY(100%);width:100%;max-height:88dvh;border-radius:26px 26px 0 0;padding:13px 16px calc(18px + env(safe-area-inset-bottom));transition:transform .2s ease,opacity .2s ease}
  .member-more-menu.is-open .member-more-sheet{transform:translateY(0);opacity:1}
  .member-more-handle{display:block}.member-more-head h3{font-size:20px}
}


/* ========================= PPOB MEMBER EXPERIENCE ========================= */
.ppob-home{max-width:920px;margin:0 auto;padding-bottom:16px}.ppob-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ppob-greeting small{color:var(--muted);font-size:12px}.ppob-greeting h2{margin:2px 0 0;font-size:24px}.ppob-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#19c8ff,#6257ff);color:#fff;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(25,200,255,.22)}
.ppob-balance-card{position:relative;overflow:hidden;border:1px solid rgba(71,185,255,.25);border-radius:24px;padding:22px;background:radial-gradient(circle at 90% 0%,rgba(47,214,255,.24),transparent 34%),linear-gradient(135deg,#0b3b82,#101d57 62%,#351b67);box-shadow:0 22px 60px rgba(0,0,0,.24)}.ppob-balance-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-70px;top:-80px}.ppob-balance-top{display:flex;justify-content:space-between;color:#c6d8f5;font-size:12px}.ppob-secure{color:#6ef0bf}.ppob-balance-card>strong{display:block;color:#fff;font-size:34px;margin:8px 0 16px;letter-spacing:-1.2px}.ppob-balance-meta{display:flex;gap:28px;color:#b7c8e7;font-size:11px}.ppob-balance-meta span{display:flex;flex-direction:column;gap:4px}.ppob-balance-meta b{color:#fff;font-size:13px}.ppob-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.ppob-actions a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:11px}.ppob-actions i{font-style:normal;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.14);font-size:20px;backdrop-filter:blur(8px)}
.ppob-section{margin-top:22px}.ppob-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.ppob-section-head small{font-size:10px;letter-spacing:1.4px;color:#42d7ff;font-weight:800}.ppob-section-head h3{margin:2px 0 0;font-size:18px}.ppob-section-head>a{font-size:12px;color:#50d9ff;text-decoration:none}.ppob-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ppob-service-grid a{min-height:112px;padding:13px 9px;border-radius:18px;text-decoration:none;background:linear-gradient(180deg,rgba(15,43,78,.9),rgba(8,28,55,.95));border:1px solid rgba(82,160,220,.17);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.12)}.ppob-service-grid span{width:42px;height:42px;border-radius:14px;background:rgba(39,181,255,.10);display:grid;place-items:center;font-size:21px;margin-bottom:8px}.ppob-service-grid b{font-size:12px;color:#f5f9ff}.ppob-service-grid small{font-size:9px;color:#829abb;margin-top:3px}
.ppob-promo-banner{margin-top:22px;min-height:168px;border-radius:22px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(circle at 80% 50%,rgba(132,70,255,.38),transparent 28%),linear-gradient(135deg,#062a5d,#10265d 58%,#281150);border:1px solid rgba(97,155,255,.2);overflow:hidden}.ppob-promo-banner small{color:#48ddff;font-size:10px;font-weight:900;letter-spacing:1.3px}.ppob-promo-banner h3{margin:5px 0 6px;color:#fff;font-size:20px;max-width:480px}.ppob-promo-banner p{color:#aabedf;font-size:12px;max-width:520px;margin:0 0 14px}.ppob-promo-banner a{color:#fff;text-decoration:none;font-weight:800;font-size:12px}.ppob-promo-orb{flex:0 0 82px;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:900;color:#fff;background:radial-gradient(circle at 35% 35%,#3bf0ff,#246bff 46%,#733cff 72%,#171b4d);box-shadow:0 0 45px rgba(57,113,255,.45)}
.ppob-program-list{display:grid;gap:10px}.ppob-program-card{display:block;text-decoration:none;color:inherit;border-radius:18px;padding:15px;background:rgba(8,31,60,.72);border:1px solid rgba(73,147,210,.17)}.ppob-program-card>div:first-child{display:flex;align-items:center;gap:7px}.ppob-program-card>div:first-child small{margin-left:auto}.status-dot{width:8px!important;height:8px!important;border-radius:50%;background:#22e4a4;box-shadow:0 0 14px #22e4a4}.ppob-program-card>strong{display:block;margin-top:11px;font-size:19px;color:#fff}.ppob-program-card>small{display:block;margin-top:7px;color:#829abb}.ppob-progress{height:7px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:12px}.ppob-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1fe6d5,#29a8ff,#7d5cff)}
.ppob-tx-list{border-radius:18px;overflow:hidden;border:1px solid rgba(73,147,210,.15);background:rgba(8,31,60,.55)}.ppob-tx{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid rgba(255,255,255,.05)}.ppob-tx:last-child{border-bottom:0}.ppob-tx-icon{width:38px;height:38px;border-radius:13px;background:rgba(37,185,255,.1);display:grid;place-items:center;color:#47d8ff}.ppob-tx b{display:block;font-size:12px}.ppob-tx small{display:block;color:#7590b0;font-size:9px;margin-top:3px}.ppob-tx strong{font-size:12px}.ppob-tx strong.credit{color:#39e5a7}.ppob-tx strong.debit{color:#ff8a9a}.ppob-empty{padding:20px;text-align:center;color:#829abb;border:1px dashed rgba(90,150,210,.18);border-radius:17px}.ppob-empty a{color:#42d7ff}.ppob-mini-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ppob-mini-info span{padding:10px;border-radius:13px;background:rgba(255,255,255,.08);font-size:10px;color:#bad0ed}.ppob-mini-info b{display:block;color:#fff;font-size:12px;margin-top:3px}
@media(max-width:700px){.member-main{padding:18px 14px 100px!important}.mobile-page-heading{margin-bottom:14px}.ppob-balance-card{border-radius:22px;padding:19px 16px}.ppob-balance-card>strong{font-size:30px}.ppob-balance-meta{gap:16px}.ppob-actions{gap:6px}.ppob-actions i{width:42px;height:42px}.ppob-service-grid{grid-template-columns:repeat(4,1fr);gap:7px}.ppob-service-grid a{min-height:98px;padding:10px 4px;border-radius:15px}.ppob-service-grid span{width:38px;height:38px;font-size:18px}.ppob-service-grid b{font-size:10px}.ppob-service-grid small{font-size:8px}.ppob-promo-banner{padding:18px;min-height:150px}.ppob-promo-orb{flex-basis:65px;width:65px;height:65px;font-size:20px}.ppob-promo-banner h3{font-size:17px}.ppob-greeting h2{font-size:21px}}


/* ===== NEW MEMBER BONUS ===== */
.newbie-mini-banner{
  margin:18px 0;
  border:1px solid rgba(90,180,255,.22);
  background:linear-gradient(135deg,rgba(18,70,160,.92),rgba(82,42,175,.9));
  border-radius:22px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.newbie-mini-banner span{font-size:11px;font-weight:900;letter-spacing:.08em;color:#aeeaff}
.newbie-mini-banner h3{margin:5px 0;color:#fff;font-size:21px}
.newbie-mini-banner p{margin:0;color:#dceaff;font-size:13px}
.newbie-mini-banner a{white-space:nowrap;background:#fff;color:#0b4fbf;padding:11px 15px;border-radius:14px;font-weight:900;text-decoration:none}
.newbie-bonus-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0757c7,#4820a9);
  border:1px solid rgba(104,198,255,.25);
  border-radius:26px;padding:26px;
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  color:#fff;box-shadow:0 24px 65px rgba(0,0,0,.2);
}
.newbie-bonus-hero:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(0,223,255,.14);right:-70px;top:-90px;filter:blur(5px)}
.newbie-bonus-hero small{font-weight:900;letter-spacing:.12em;color:#91eaff}
.newbie-bonus-hero h2{font-size:34px;margin:8px 0}
.newbie-bonus-hero p{max-width:640px;color:#e2ecff;line-height:1.6;margin:0}
.newbie-bonus-orb{position:relative;z-index:1;width:88px;height:88px;border-radius:28px;display:grid;place-items:center;font-size:42px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 30px rgba(255,255,255,.06)}
.claim-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px}
.claim-day{padding:16px 10px;text-align:center;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(132,184,255,.12)}
.claim-day span,.claim-day small{display:block;font-size:11px;color:var(--muted)}
.claim-day b{display:block;margin:7px 0;font-size:14px}
.claim-day.done{background:rgba(0,190,128,.08);border-color:rgba(0,220,148,.28)}
.claim-day.done small{color:#53e8b3}
.claim-day.today{box-shadow:0 0 0 2px rgba(70,165,255,.22);border-color:#3d9dff}
.claim-day.future{opacity:.55}
@media(max-width:760px){
  .claim-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .newbie-bonus-hero{padding:20px}
  .newbie-bonus-hero h2{font-size:27px}
  .newbie-bonus-orb{width:70px;height:70px;font-size:34px;border-radius:22px}
  .newbie-mini-banner{align-items:flex-start;flex-direction:column}
}