:root{--ink:#172729;--muted:#798487;--navy:#073e46;--navy2:#0a3036;--gold:#e4ad00;--gold2:#f5d36a;--bg:#f4f3ee;--paper:#fff;--line:#e5e5df;--green:#24764f;--red:#c8443b;--lime:#dcf36c;--shadow:0 14px 34px rgba(20,42,43,.07);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;max-width:760px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(244,243,238,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand img{display:block;width:148px;height:48px;object-fit:contain;mix-blend-mode:multiply}.top-actions{display:flex;gap:12px;align-items:center}.icon-btn,.avatar,.notification-bubble{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);position:relative;font-size:23px}.avatar,.member-avatar{background:var(--navy);color:white;font-weight:700}.dot{position:absolute;right:7px;top:7px;width:8px;height:8px;background:#e4ad00;border-radius:50%;border:2px solid white}.app-main{max-width:760px;margin:0 auto;padding:18px 22px 118px;min-height:calc(100vh - 72px)}.public-main{max-width:none;padding:0}.flash-wrap{max-width:760px;margin:0 auto;padding:0 22px}.alert{padding:13px 16px;border-radius:14px;margin:12px 0;font-weight:600}.alert.success{background:#eaf4e9;color:#236846}.alert.danger{background:#fbe9e7;color:#9f302a}.alert.warning{background:#fff4d8;color:#72520d}.eyebrow{font:800 10px system-ui,sans-serif;letter-spacing:1.6px;color:#a98113}.muted{color:var(--muted)}.tiny{font-size:12px}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 21px;font-weight:700;min-height:46px;transition:transform .2s,box-shadow .2s,background .2s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--navy);color:white;box-shadow:0 8px 18px #073e4621}.btn.gold{background:var(--gold2);color:#162d2d}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.dark-outline{color:white;background:#ffffff10;border:1px solid #ffffff24}.btn.danger-outline{background:#fff;color:#b33d35;border:1px solid #e9c9c5}.btn.small{min-height:36px;padding:8px 15px;font-size:13px}.btn.mini{min-height:30px;padding:5px 10px;font-size:12px;border-radius:10px}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.text-link{color:var(--navy);font-weight:700;font-size:14px}.section{padding:26px 0}.section.compact{padding:20px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2,.section h2{margin:0;font-size:21px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 22px}.welcome-row h1{font-size:24px;margin:2px 0 0}.notification-bubble{font-size:20px}.notification-bubble i{position:absolute;right:-3px;top:-4px;background:#b93c32;color:white;border-radius:10px;padding:1px 6px;font-style:normal;font-size:10px}.balance-card{background:linear-gradient(135deg,#0c3d43,#071d21);padding:24px;border-radius:30px;color:white;box-shadow:0 24px 42px #0a30362e;position:relative;overflow:hidden}.balance-card:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff20;border-radius:50%;right:-100px;top:-100px;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff05}.balance-top{display:flex;align-items:center;justify-content:space-between;color:#d0dbd8;font-size:14px}.balance-chip{font:700 9px system-ui;letter-spacing:1px;border:1px solid #ffffff35;padding:7px 10px;border-radius:20px}.balance-value{font:800 46px system-ui,sans-serif;letter-spacing:-2px;margin:14px 0 0}.balance-caption{font-size:12px;color:#a7bab7}.balance-actions{display:flex;gap:9px;margin-top:24px;position:relative;z-index:2}.balance-actions .btn{flex:1;padding:10px 7px;min-height:43px;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 0}.quick-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}.quick-grid span{width:58px;height:58px;border-radius:50%;background:white;border:1px solid var(--line);display:grid;place-items:center;font-size:25px;color:var(--navy);box-shadow:0 6px 18px #1727290b}.task-card{background:white;border:1px solid var(--line);border-radius:23px;padding:16px;display:flex;gap:13px;align-items:center;box-shadow:0 6px 18px #17272906}.task-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:24px;font-weight:800}.task-card div{flex:1}.task-card b,.task-card small{display:block}.task-card small{color:var(--muted);font-size:13px}.promo-banner{background:#101a1b;color:white;border-radius:27px;padding:23px;min-height:170px;position:relative;overflow:hidden;display:flex;align-items:center}.promo-banner>div:first-child{position:relative;z-index:2;max-width:75%}.promo-banner h2{font-size:23px;margin:9px 0}.promo-banner p{color:#b7c3c0;font-size:13px}.promo-orb{position:absolute;right:-17px;top:10px;font-size:148px;color:#e6b625;opacity:.22}.sub-list,.news-list{display:grid;gap:10px}.sub-row,.news-row{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px}.sub-row img{width:62px;height:48px;object-fit:cover;border-radius:11px}.sub-row div,.news-row div{flex:1;min-width:0}.sub-row b,.sub-row small,.news-row b,.news-row small{display:block}.sub-row small,.news-row small{color:var(--muted);font-size:12px}.news-icon{width:42px;height:42px;display:grid;place-items:center;background:#f7edcd;color:#947015;border-radius:14px;font-size:22px}.empty-inline{padding:20px;background:#fff;border:1px dashed #d8ddd8;border-radius:18px;color:var(--muted);text-align:center;font-size:14px}.empty-inline b{color:var(--ink)}.empty-state{padding:58px 18px;text-align:center;color:var(--muted)}.empty-state>span{font-size:45px;color:#a6b1ae}.empty-state h3,.empty-state h2{color:var(--ink);margin:10px 0 4px}.page-head{margin:10px 0 22px}.page-head h1{font-size:32px;margin:4px 0}.page-head p{margin:4px 0}.back-link{display:inline-block;color:#626f70;font-weight:600;margin-bottom:14px}.plan-count{float:right;background:white;border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:13px}.plan-count b{background:#111;color:white;border-radius:9px;padding:4px 9px;margin-left:6px}.filter-info{background:#fff;border:1px solid var(--line);border-radius:30px;padding:13px 18px;display:flex;align-items:center;gap:10px;color:#606b6b;margin:18px 0}.filter-scroll{display:flex;gap:9px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none;margin:12px 0 18px}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;background:white;border:1px solid var(--line);padding:10px 18px;border-radius:30px;font-weight:700;color:#475254;white-space:nowrap}.filter-chip.active{background:#141819;color:white;border-color:#141819}.active-plan-strip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 17px;margin:0 0 17px}.active-plan-strip>span{width:42px;height:42px;border-radius:12px;background:#f9edc7;color:#8a6c14;display:grid;place-items:center;font-size:24px}.active-plan-strip div{flex:1}.active-plan-strip b,.active-plan-strip small{display:block}.active-plan-strip small{color:var(--muted);font-size:12px}.plan-grid{display:grid;grid-template-columns:1fr;gap:17px}.plan-card{background:white;border-radius:27px;overflow:hidden;border:1px solid #e4e5df;box-shadow:0 7px 24px #132f3209;position:relative}.plan-image{height:205px;display:block;position:relative;overflow:hidden;background:#f5f3ec}.plan-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.plan-card:hover .plan-image img{transform:scale(1.035)}.plan-tag,.daily-tag{position:absolute;top:14px;padding:7px 13px;border-radius:22px;background:#fff;color:var(--navy);font-size:12px;font-weight:700;box-shadow:0 4px 12px #0001}.plan-tag{left:15px}.daily-tag{right:15px;background:#152b2e;color:white}.plan-body{padding:17px 19px 0}.plan-kicker{font:700 10px Manrope;letter-spacing:1px;color:#9a791a}.plan-body h2{font-size:22px;margin:4px 0}.plan-body p{font-size:13px;color:var(--muted);margin:0 0 16px;max-width:88%}.plan-price-row{display:flex;align-items:center;justify-content:space-between}.plan-price-row strong{display:block;font:800 31px system-ui;color:#132f34;letter-spacing:-1px}.plan-price-row small{display:block;color:var(--muted);font-size:13px}.round-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--gold);color:#112e32;font-size:24px}.plan-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:14px -19px 0;padding:13px 19px;font-size:12px;position:relative;z-index:2}.benefit-pill{background:#f3f7df;border:1px solid #d7e2a3;color:#46602b;padding:5px 10px;border-radius:20px;font-weight:700}.stretched-link{position:absolute;inset:0;z-index:1}.plan-foot{pointer-events:none}.detail-banner{height:220px;border-radius:25px;overflow:hidden;position:relative}.detail-banner img{width:100%;height:100%;object-fit:cover}.detail-banner span{position:absolute;left:16px;top:16px;background:#fff;padding:7px 13px;border-radius:20px;font-size:12px;font-weight:700}.detail-section{padding:22px 2px}.detail-section h1{font-size:31px;margin:5px 0}.detail-price{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;margin:20px 0;padding:14px 6px;border:1px solid var(--line)}.detail-price>div{padding:4px 10px;border-right:1px solid var(--line)}.detail-price>div:last-child{border:0}.detail-price small,.detail-price strong{display:block}.detail-price small{color:var(--muted);font-size:12px}.detail-price strong{font:700 17px system-ui;margin-top:5px}.benefit-list{display:grid;gap:10px;margin:15px 0}.benefit-list div{display:flex;gap:10px;align-items:center}.benefit-list span{width:22px;height:22px;border-radius:50%;background:#e6f0d0;color:#375d25;display:grid;place-items:center}.policy-note{background:#fff8e5;border:1px solid #f0dfae;color:#65552a;border-radius:17px;padding:14px 16px;margin:18px 0;font-size:13px}.policy-note b{color:#51420f}.policy-note p{margin:5px 0 0}.purchase-box{background:white;border:1px solid var(--line);border-radius:20px;padding:17px;display:grid;gap:12px;position:sticky;bottom:88px;box-shadow:0 -7px 22px #1a333310}.purchase-box div small,.purchase-box div b{display:block}.purchase-box div b{font-size:22px}.balance-mini,.transactions-balance{background:var(--navy);color:white;border-radius:20px;padding:18px;display:flex;align-items:center;justify-content:space-between;margin:16px 0}.balance-mini small,.balance-mini strong{display:block}.balance-mini strong{font:800 27px system-ui}.form-card{background:white;border:1px solid var(--line);padding:20px;border-radius:22px;box-shadow:var(--shadow)}.stack{display:grid;gap:14px}.stack label,.admin-form-grid label{display:grid;gap:6px;font-weight:600;font-size:14px}.stack input,.stack select,.stack textarea,.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select,.admin-stack input,.admin-stack textarea,.admin-stack select,.setting-form input{width:100%;border:1px solid #dfe2de;border-radius:13px;padding:12px 14px;background:#fbfcfa;outline:none;color:var(--ink);min-height:47px}.stack input:focus,.stack select:focus,.stack textarea:focus,.admin-form-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e4ad0020}.stack label small{color:var(--muted);font-size:11px}.form-row{display:flex;align-items:center;gap:10px}.form-row.between{justify-content:space-between}.check{display:flex!important;flex-direction:row;align-items:center;gap:8px;font-size:13px!important}.check input{width:17px!important;height:17px!important;min-height:0!important}.compact-filters{margin:18px 0}.transactions-balance{gap:8px;flex-wrap:wrap}.transactions-balance div{flex:1 1 100%}.transactions-balance small,.transactions-balance strong{display:block}.transactions-balance strong{font:800 27px system-ui}.transactions-balance .btn{padding:9px 15px;min-height:38px;font-size:12px}.timeline{padding:10px 0}.date-divider{display:flex;justify-content:space-between;border-bottom:1px solid #d9ddd8;padding:0 5px 10px;font-weight:700}.date-divider span{font-size:12px;color:var(--muted)}.timeline-item{display:flex;align-items:center;gap:12px;padding:16px 2px;border-bottom:1px solid #e4e5df}.timeline-icon{flex:0 0 43px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#172729;color:white;font-size:19px}.timeline-icon.positive{background:var(--lime);color:#172729}.timeline-content{flex:1;min-width:0}.timeline-content b,.timeline-content small{display:block}.timeline-content small{font-size:12px;color:var(--muted)}.status{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;background:#f0f0eb;color:#626b69;margin-top:5px}.status.success{background:#e4f1e6;color:#256c42}.status.pending{background:#fff1ce;color:#876213}.status.danger{background:#fbe6e4;color:#a3332c}.amount{font:700 14px system-ui;white-space:nowrap}.amount.plus{color:#28794f}.amount.minus{color:#283a3d}.reward-hero{background:linear-gradient(125deg,#0c4148,#061e23);color:white;border-radius:25px;padding:23px;display:flex;align-items:center;justify-content:space-between}.reward-hero small,.reward-hero strong,.reward-hero span{display:block}.reward-hero strong{font:800 42px system-ui}.reward-hero span{font-size:12px;color:#b8c9c6}.reward-star{font-size:66px;color:var(--gold2)}.reward-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.reward-actions a{padding:16px 8px;background:white;border:1px solid var(--line);border-radius:18px;text-align:center}.reward-actions span,.reward-actions b,.reward-actions small{display:block}.reward-actions span{font-size:25px;color:var(--gold)}.reward-actions b{font-size:13px}.reward-actions small{font-size:10px;color:var(--muted)}.checkin-card{text-align:center;background:white;border:1px solid var(--line);border-radius:25px;padding:30px 20px;box-shadow:var(--shadow)}.checkin-mark{width:86px;height:86px;background:var(--lime);border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:42px}.checkin-card h2{margin:0}.checkin-card p{color:var(--muted)}.checkin-card form{max-width:300px;margin:22px auto 0}.gift-entry{display:flex;gap:8px;background:white;padding:10px;border-radius:18px;border:1px solid var(--line)}.gift-entry input{border:0;outline:0;min-width:0;flex:1;padding:10px;font:700 14px system-ui;letter-spacing:1px}.simple-row,.member-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.simple-row>div,.member-row>div{flex:1}.simple-row b,.simple-row small,.member-row b,.member-row small{display:block}.simple-row small,.member-row small{color:var(--muted);font-size:12px}.simple-row strong{color:var(--green)}.network-summary,.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.network-summary>div,.profile-stats>div{background:white;border:1px solid var(--line);padding:15px 8px;border-radius:17px;text-align:center}.network-summary strong,.network-summary small,.profile-stats b,.profile-stats small{display:block}.network-summary strong,.profile-stats b{font:800 23px system-ui}.network-summary small,.profile-stats small{font-size:11px;color:var(--muted)}.referral-box{background:white;border:1px solid var(--line);border-radius:22px;padding:18px}.referral-box code{display:block;word-break:break-all;padding:14px;background:#f4f4ef;border-radius:12px;margin:10px 0;font-size:12px}.member-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.profile-hero{text-align:center;padding:22px 0 10px}.profile-avatar{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:white;font-size:38px;font-weight:700;margin:0 auto 11px;border:5px solid #e4d8ae}.profile-hero h1{margin:0;font-size:25px}.profile-hero p{margin:4px;color:var(--muted)}.member-badge{display:inline-block;background:#f4e7b8;color:#725b13;padding:5px 12px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px}.menu-list{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.menu-list a{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #eff0eb}.menu-list a:last-child{border:0}.menu-list a>span{width:38px;height:38px;border-radius:12px;background:#f6f2e4;color:#907113;display:grid;place-items:center;font-size:20px}.menu-list a div{flex:1}.menu-list b,.menu-list small{display:block}.menu-list small{color:var(--muted);font-size:12px}.logout-form{margin:20px 0}.vip-card{background:linear-gradient(135deg,#0b3f46,#061c20);color:white;border-radius:25px;padding:26px;text-align:center}.vip-card>span{display:block;font-size:50px;color:var(--gold2)}.vip-card small{font:700 10px Manrope;letter-spacing:2px;color:#c6d1ce}.vip-card h2{font-size:26px;margin:8px}.vip-card p{color:#aebfbc}.milestone-card{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;margin:15px 0}.progress{height:10px;background:#edf0e8;border-radius:20px;overflow:hidden;margin:13px 0}.progress i{display:block;height:100%;background:var(--gold);border-radius:20px}.notification-row{display:flex;gap:12px;padding:15px 3px;border-bottom:1px solid var(--line);position:relative}.notification-row>div{flex:1}.notification-row b{display:block}.notification-row p{margin:3px 0;color:#5d696b;font-size:13px}.notification-row small{color:var(--muted);font-size:11px}.notification-row.unread{background:#fcfbf6}.unread-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;margin-top:8px}.mark-read-form{text-align:right;margin-bottom:8px}.article h1{font-size:31px;line-height:1.3}.article>img{width:100%;max-height:260px;object-fit:cover;border-radius:22px;margin:17px 0}.article-excerpt{font-size:19px;font-weight:600}.article-body{line-height:1.9}.news-card{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:15px;background:white;border:1px solid var(--line);border-radius:20px;margin-bottom:12px}.news-card-art{display:grid;place-items:center;background:linear-gradient(145deg,#f6edcd,#d6e1d9);border-radius:15px;font-size:38px;color:#a47c10}.news-card small{color:var(--muted);font-size:11px}.news-card h3{margin:4px 0;font-size:18px}.news-card p{font-size:12px;color:var(--muted);margin:0 0 8px}.chat-box{display:flex;flex-direction:column;gap:12px;background:#f8f8f4;border:1px solid var(--line);border-radius:20px;padding:15px;min-height:330px;max-height:56vh;overflow:auto}.chat-bubble{max-width:82%;padding:11px 14px;border-radius:18px;background:white;box-shadow:0 3px 12px #17272908}.chat-bubble.mine{align-self:flex-end;background:var(--navy);color:white;border-bottom-right-radius:5px}.chat-bubble.theirs{align-self:flex-start;border-bottom-left-radius:5px}.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble small{display:block;font-size:10px;opacity:.68;margin-top:5px}.chat-compose{display:flex;gap:8px;align-items:end;margin-top:12px}.chat-compose textarea{flex:1;min-width:0;border:1px solid var(--line);border-radius:15px;padding:12px;background:white;resize:vertical}.chat-compose .btn{min-height:44px;padding:10px 17px}.landing-hero{background:linear-gradient(125deg,#092f36,#0d5356);color:white;padding:38px max(22px,calc((100% - 1120px)/2)) 42px;position:relative;overflow:hidden}.landing-hero:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #e3b52844;border-radius:50%;right:-150px;top:-170px;box-shadow:0 0 0 35px #e3b5280c,0 0 0 75px #e3b52808}.landing-logo{background:white;border-radius:17px;width:175px;height:70px;display:grid;place-items:center;overflow:hidden;margin-bottom:28px}.landing-logo img{width:100%;height:100%;object-fit:contain}.landing-hero .eyebrow{color:#f4d46d}.landing-hero h1{font-size:clamp(36px,8vw,58px);line-height:1.2;margin:12px 0;max-width:650px}.landing-hero h1 em{color:#f0c94c;font-style:normal}.landing-hero p{max-width:520px;color:#d0ddda;font-size:16px}.hero-actions{display:flex;gap:10px;margin:24px 0}.hero-stats{display:flex;gap:40px;margin-top:36px}.hero-stats b,.hero-stats span{display:block}.hero-stats b{font-size:18px}.hero-stats span{color:#a9bcba;font-size:12px}.landing-hero+.section,.section,.landing-cta,.footer{max-width:1120px;margin:auto;padding-left:22px;padding-right:22px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{background:white;border:1px solid var(--line);border-radius:21px;padding:21px}.feature-card>span{font-size:30px;color:var(--gold)}.feature-card h3{margin:8px 0 3px}.feature-card p{font-size:13px;color:var(--muted);margin:0}.muted-section{background:#eeeee8;max-width:none!important;padding-top:35px!important;padding-bottom:35px!important}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.steps div{padding:19px;background:white;border:1px solid var(--line);border-radius:18px}.steps b,.steps strong{display:block}.steps b{font:800 13px system-ui;color:#b18b15}.steps strong{margin:8px 0}.steps p{font-size:13px;color:var(--muted)}.mini-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini-plan{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.mini-plan img{width:100%;height:110px;object-fit:cover}.mini-plan div{padding:10px}.mini-plan b,.mini-plan small{display:block}.mini-plan small{color:var(--muted);font-size:11px}.mini-plan>span{display:none}.landing-cta{text-align:center;background:var(--navy);color:white;padding-top:32px!important;padding-bottom:34px!important;border-radius:25px;margin:20px auto}.landing-cta p{color:#bccdca}.footer{padding-top:25px!important;padding-bottom:100px!important;text-align:center;color:var(--muted);font-size:13px}.footer b{font:800 20px system-ui;color:var(--navy)}.footer small{display:block;margin-top:12px}.auth-shell{max-width:475px;margin:0 auto;padding:25px 24px 65px}.auth-logo{display:block;width:170px;height:78px;object-fit:contain;margin:26px 0}.auth-shell h1{font-size:31px;margin:5px 0}.auth-shell>p{margin:0 0 22px}.auth-shell .stack{margin-top:22px}.auth-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}.auth-foot a{color:var(--navy);font-weight:700}.setup-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eeeee7}.setup-card{background:white;padding:30px;border-radius:25px;width:min(100%,520px);box-shadow:var(--shadow)}.setup-logo{width:175px;height:80px;object-fit:contain}.setup-card h1{margin:4px 0 15px}.setup-card .stack{margin-top:20px}.setup-card h3{margin:6px 0}.setup-needed{max-width:450px;margin:15vh auto;padding:30px;background:white;border-radius:24px;text-align:center}.setup-needed .setup-logo{width:190px;height:85px;object-fit:contain}.bottom-nav{position:fixed;z-index:30;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 28px));background:rgba(17,24,25,.96);backdrop-filter:blur(17px);border:1px solid #ffffff25;border-radius:27px;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 15px 35px #0b232633}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:#aab4b1;padding:7px 2px;border-radius:20px;min-height:57px}.bottom-nav a span{font-size:22px;line-height:1.3}.bottom-nav a small{font-size:11px}.bottom-nav a.active{background:var(--gold2);color:#142b2c;font-weight:700}.support-float{position:fixed;z-index:25;right:max(17px,calc((100vw - 720px)/2 + 15px));bottom:106px;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:white;color:var(--navy);font-size:23px;box-shadow:0 8px 25px #17272925;border:1px solid var(--line)}
/* Admin */
.admin-body{background:#f0f1ec;min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#0a3036;color:white;padding:22px 15px;display:flex;flex-direction:column;z-index:10}.admin-brand{height:72px;background:white;border-radius:13px;display:grid;place-items:center;overflow:hidden;margin-bottom:25px}.admin-brand img{width:100%;height:100%;object-fit:contain}.admin-label{font:700 10px Manrope;letter-spacing:2px;color:#88a5a4;padding:0 12px 12px}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a{padding:12px 13px;border-radius:12px;color:#c1d0cd;font-weight:600;font-size:14px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#e5b629;color:#142e31}.admin-side-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding:17px 7px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#afc3c0}.admin-side-bottom b{color:white}.admin-side-bottom button{border:1px solid #ffffff30;background:transparent;color:white;padding:8px 10px;border-radius:10px}.admin-main{margin-left:250px;padding:28px 30px 60px;max-width:1500px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.admin-top small{font:700 10px Manrope;letter-spacing:1.5px;color:#9a7c1a}.admin-top h1{margin:3px 0;font-size:30px}.admin-view{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:12px;font-weight:700;font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stats>div{background:white;border:1px solid var(--line);border-radius:18px;padding:19px}.admin-stats small,.admin-stats strong,.admin-stats span{display:block}.admin-stats small{color:var(--muted)}.admin-stats strong{font:800 31px system-ui;color:var(--navy);margin:6px 0}.admin-stats span{font-size:11px;color:var(--muted)}.admin-card{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:18px;min-width:0}.admin-card h2{margin:0 0 16px;font-size:19px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{text-align:left;color:#748080;font-size:11px;font-weight:700;background:#f8f8f4}td,th{padding:12px 10px;border-bottom:1px solid #edf0eb;vertical-align:middle}td small{display:block;color:var(--muted);font-size:10px}.table-plan{display:flex;align-items:center;gap:9px}.table-plan img{width:54px;height:38px;object-fit:cover;border-radius:8px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.admin-form-grid .wide{grid-column:1/-1}.admin-form-grid .check{display:flex!important;align-items:center}.admin-form-grid .check input{width:auto}.admin-form-grid small{color:var(--muted);font-size:10px}.admin-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-shortcuts a{background:white;padding:14px;border:1px solid var(--line);border-radius:13px;font-weight:700;font-size:13px}.inline-admin-form{display:flex;gap:5px;align-items:center}.inline-admin-form input{width:105px;padding:7px;border:1px solid var(--line);border-radius:8px;font-size:11px}.admin-stack{max-width:720px}.setting-form{display:flex;gap:12px;align-items:end;margin:12px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.setting-form label{flex:1;display:grid;gap:5px;font-size:12px;font-weight:700}.admin-chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:15px}.chat-users{padding:10px}.chat-users h2{padding:10px 8px}.chat-user{display:block;padding:12px;border-radius:12px;border-bottom:1px solid var(--line)}.chat-user.active{background:#f7f0d8}.chat-user b,.chat-user small{display:block}.chat-user small{font-size:11px;color:var(--muted)}.admin-chat-box{max-height:55vh}.admin-chat-box+.chat-compose{display:flex}.admin-chat-box~.chat-compose{display:flex}
@media(min-width:760px){.app-main:not(.public-main){padding-top:24px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-image{height:190px}.bottom-nav{width:540px}.landing-hero{padding-top:60px;padding-bottom:60px}.public-main .section{padding-top:42px;padding-bottom:42px}}
@media(max-width:680px){.app-main{padding-left:20px;padding-right:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.mini-plans{grid-template-columns:1fr}.mini-plan{display:flex;align-items:center}.mini-plan img{width:110px;height:86px}.mini-plan>span{display:block;margin-left:auto;padding:0 12px}.admin-sidebar{width:65px;padding:12px 7px}.admin-brand{height:48px;margin-bottom:13px}.admin-brand img{object-fit:cover}.admin-label{display:none}.admin-sidebar nav a{font-size:0;text-align:center;padding:13px 0}.admin-sidebar nav a:first-letter{font-size:18px}.admin-side-bottom{padding:12px 0;display:block}.admin-side-bottom span{display:none}.admin-side-bottom button{font-size:0;width:100%}.admin-side-bottom button:after{content:'↗';font-size:18px}.admin-main{margin-left:65px;padding:18px 12px 40px}.admin-stats{grid-template-columns:repeat(2,1fr);gap:8px}.admin-stats>div{padding:13px}.admin-stats strong{font-size:24px}.admin-form-grid{grid-template-columns:1fr 1fr}.admin-form-grid .wide{grid-column:1/-1}.admin-chat-layout{grid-template-columns:1fr}.chat-users{max-height:170px;overflow:auto}.setting-form{align-items:stretch;flex-direction:column}.admin-top h1{font-size:24px}.admin-view{font-size:0}.admin-view:after{content:'↗';font-size:15px}.admin-card{padding:13px}.inline-admin-form{flex-wrap:wrap}.inline-admin-form input{width:100%}}
@media(max-width:390px){.balance-card{padding:19px}.balance-value{font-size:38px}.balance-actions .btn{font-size:11px}.quick-grid{gap:4px}.quick-grid span{width:50px;height:50px}.plan-image{height:175px}.detail-price strong{font-size:14px}.app-main{padding-left:15px;padding-right:15px}.reward-actions{gap:6px}.reward-actions a{padding:12px 4px}.reward-actions b{font-size:11px}.bottom-nav{width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.activity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 14px}.activity-summary a{display:block;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px 11px}.activity-summary small,.activity-summary b,.activity-summary span{display:block}.activity-summary small{font:700 8px system-ui;letter-spacing:.6px;color:#9a791a}.activity-summary b{font-size:15px;margin:4px 0}.activity-summary span{font-size:10px;color:var(--muted)}.home-notice{background:#fff9e9;border:1px solid #f0e4bd;border-radius:15px;padding:11px 14px;font-size:12px;color:#6f5c25}.chat-input-wrap{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:5px 9px}.chat-input-wrap textarea{border:0!important;width:100%;min-height:48px!important;outline:0;resize:vertical}.attach-label{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-size:11px;font-weight:700;padding:4px 3px;cursor:pointer}.attach-label input{display:none}.timeline-item{color:inherit;text-decoration:none}.timeline-item:hover{background:#fffdf7}.notification-row[hidden]{display:none}
@media(max-width:390px){.activity-summary{gap:5px}.activity-summary a{padding:10px 7px}.activity-summary b{font-size:13px}.activity-summary span{font-size:9px}}

.welcome-bonus-note{display:inline-flex;align-items:center;gap:6px;background:#ffffff16;border:1px solid #ffffff2d;border-radius:14px;padding:8px 12px;color:#f4d77a;font-size:13px;margin-top:7px}.welcome-bonus-note small{color:#c8d2cf;font-size:10px}

/* Sun Life V1.1 refinements */
.home-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.home-quick-grid a{font-size:11px}.home-quick-grid span{width:52px;height:52px}.withdraw-summary{background:linear-gradient(135deg,#0b3f46,#071d21);color:white;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:6px;margin:16px 0}.withdraw-summary strong{font:800 36px system-ui}.withdraw-summary small{color:#c7d4d0}.banner-carousel{position:relative;display:grid;grid-template-columns:1fr;gap:10px;margin:18px auto;max-width:1120px;padding:0 22px}.managed-banner{display:none;min-height:165px;background-size:cover;background-position:center;border-radius:23px;padding:22px;color:white;overflow:hidden;box-shadow:var(--shadow);transition:opacity .45s,transform .45s}.managed-banner.is-active{display:flex;flex-direction:column;justify-content:center;animation:bannerFade .55s ease}.managed-banner h2{margin:5px 0;font-size:23px;max-width:75%}.managed-banner p{margin:0 0 10px;max-width:75%;color:#e7eeeb}.managed-banner .btn{align-self:flex-start}.public-banner-carousel{max-width:1120px}.public-banner-carousel .managed-banner{min-height:190px}@keyframes bannerFade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.vvip-series{margin:28px 0 18px;padding:20px 15px;border-radius:26px;background:linear-gradient(145deg,#0b3136,#071d21);color:white}.vvip-series .section-head h2{color:#f5d979}.vvip-series .section-head .muted{color:#bfd0cb}.vvip-series .plan-card{color:var(--ink)}@media(max-width:390px){.home-quick-grid span{width:46px;height:46px}.home-quick-grid a{font-size:10px}.managed-banner{padding:18px;min-height:145px}.managed-banner h2{font-size:20px}}

.reward-event-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:195px;padding:24px;border-radius:26px;color:#fff;background:radial-gradient(circle at 82% 45%,#d7b34a55,transparent 32%),linear-gradient(130deg,#0a3940,#071a20);overflow:hidden;box-shadow:0 18px 36px #0a303624}.reward-event-hero h2{font-size:27px;line-height:1.25;margin:8px 0;max-width:300px}.reward-event-hero p{color:#c9d7d3;max-width:330px;font-size:13px}.event-gift{width:104px;height:104px;flex:0 0 104px;border-radius:28px;display:grid;place-items:center;font-size:58px;background:linear-gradient(145deg,#f6dd88,#b88712);box-shadow:0 12px 30px #d6ab3e44;transform:rotate(5deg)}.event-status{display:inline-flex;border:1px solid #ffffff40;border-radius:22px;padding:6px 11px;font-size:11px;color:#f5d979}.managed-banner.anim-slide.is-active{animation:bannerSlide .5s ease}.managed-banner.anim-zoom.is-active{animation:bannerZoom .55s ease}@keyframes bannerSlide{from{opacity:.2;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@keyframes bannerZoom{from{opacity:.2;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* V1.2 wallet, spin and welcome modal */
.wallet-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 2px}.wallet-mini-grid>div{background:#ffffff16;border:1px solid #ffffff24;border-radius:13px;padding:9px 8px;min-width:0}.wallet-mini-grid small{display:block;font-size:10px;color:#d4e4df}.wallet-mini-grid b{display:block;color:white;font-size:13px;margin-top:3px;white-space:nowrap}.welcome-overlay{position:fixed;inset:0;background:#071b20cc;backdrop-filter:blur(7px);z-index:999;display:grid;place-items:center;padding:22px;animation:fadeIn .25s ease}.welcome-modal{position:relative;background:#fff;border-radius:26px;max-width:390px;width:100%;overflow:hidden;padding:0 22px 22px;text-align:center;box-shadow:0 25px 90px #0005}.welcome-modal>img{width:calc(100% + 44px);max-width:none;height:150px;object-fit:cover;margin:0 -22px 18px}.welcome-modal h2{margin:6px 0}.welcome-modal p{color:#64716e}.welcome-modal small{display:block;margin-top:9px;color:#7d8885}.welcome-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:34px;height:34px;background:#fff;color:#102d31;font-size:25px;z-index:1}.welcome-credit-note{display:block;background:#f5f0df;border-radius:12px;padding:10px;margin:12px 0;color:#765714}.spin-stage{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;margin:18px 0;display:grid;justify-items:center;gap:16px;text-align:center}.spin-wheel{width:min(76vw,300px);height:min(76vw,300px);border-radius:50%;background:conic-gradient(#f7d95e 0deg 45deg,#173f43 45deg 90deg,#e4b53e 90deg 135deg,#21565a 135deg 180deg,#f7d95e 180deg 225deg,#173f43 225deg 270deg,#e4b53e 270deg 315deg,#21565a 315deg);border:8px solid #fff;box-shadow:0 0 0 5px #c9a747,0 14px 35px #092e302a;position:relative;display:grid;place-items:center;transition:transform 4.4s cubic-bezier(.12,.72,.12,1)}.spin-wheel-inner{width:100%;height:100%;border-radius:50%;position:relative}.spin-wheel-inner span{position:absolute;color:#fff;font-weight:900;font-size:17px;text-shadow:0 1px 3px #0007}.spin-wheel-inner span:nth-child(1){top:15%;left:43%}.spin-wheel-inner span:nth-child(2){top:29%;right:12%}.spin-wheel-inner span:nth-child(3){bottom:29%;right:12%}.spin-wheel-inner span:nth-child(4){bottom:15%;left:43%}.spin-wheel-inner span:nth-child(5){bottom:29%;left:12%}.spin-wheel-inner span:nth-child(6){top:29%;left:12%}.spin-wheel-inner span:nth-child(7){top:43%;right:4%}.spin-wheel-inner span:nth-child(8){top:43%;left:4%}.spin-pointer{position:absolute;top:-16px;left:calc(50% - 13px);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:32px solid #c13c30;filter:drop-shadow(0 2px 2px #0004)}.spin-result{background:linear-gradient(135deg,#123e42,#0b272b);color:white;text-align:center;padding:20px;border-radius:20px;margin:14px 0;display:grid;gap:5px}.spin-result strong{font-size:38px;color:#f5d76e}.spin-result small{color:#deebe6}.profile-created{display:block;color:#eff2e6;margin-top:6px}.profile-wallet-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.profile-wallet-strip span{font-size:10px;background:#ffffff20;border:1px solid #ffffff25;padding:6px 8px;border-radius:99px;color:#fff}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width:380px){.wallet-mini-grid{gap:5px}.wallet-mini-grid>div{padding:7px 5px}.wallet-mini-grid b{font-size:11px}.wallet-mini-grid small{font-size:9px}}

.wallet-eye{border:1px solid #ffffff40;background:#ffffff18;color:#fff;border-radius:50%;width:34px;height:34px;display:inline-grid;place-items:center;margin-top:8px}.today-earned-card{margin:12px 0 18px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 16px;display:grid;grid-template-columns:1fr auto;align-items:center}.today-earned-card span{font-weight:700}.today-earned-card strong{color:#13744e;font-size:19px}.today-earned-card small{grid-column:1 / -1;color:var(--muted);font-size:11px}

.referral-actions{display:flex;gap:10px;flex-wrap:wrap}.referral-actions .btn{flex:1}.managed-banner.anim-zoom.is-active{animation:bannerZoom .55s ease}.managed-banner.anim-slide.is-active{animation:bannerSlide .55s ease}@keyframes bannerZoom{from{opacity:.3;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes bannerSlide{from{opacity:.2;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}

/* V1.2.1: CMS FAQ, QR and country selector refinements */
.about-section{background:linear-gradient(135deg,#f6f3e9,#fff);border:1px solid #e9e2d1;border-radius:22px;padding:22px;margin:18px 0}.about-section p{line-height:1.8;color:#52616a}.faq-section{margin:24px 0}.faq-item{background:#fff;border:1px solid #e7e9e5;border-radius:14px;padding:15px 16px;margin:10px 0;box-shadow:0 5px 18px rgba(20,45,45,.04)}.faq-item summary{cursor:pointer;font-weight:700;color:#173f43;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'＋';float:right;color:#bd921f}.faq-item[open] summary:after{content:'−'}.faq-item p{margin:12px 0 0;color:#66737a;line-height:1.7}.phone-country-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:8px}.phone-country-row select,.phone-country-row input{width:100%;min-width:0}.qr-referral{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px auto 0}.qr-referral canvas{width:180px;height:180px;max-width:100%;padding:8px;background:#fff;border:1px solid #e4e7e3;border-radius:14px}.analytics-bars{display:flex;align-items:flex-end;gap:8px;min-height:190px;overflow-x:auto;padding:15px 2px}.analytics-bar{min-width:52px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:170px}.analytics-bar i{display:block;width:22px;min-height:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#d8ad35,#0b5960);margin-top:auto}.analytics-bar small{font-size:10px;color:#738087;white-space:nowrap}.analytics-bar b{font-size:10px;white-space:nowrap;color:#25464a}
@media(max-width:420px){.phone-country-row{grid-template-columns:105px minmax(0,1fr)}.analytics-bars{gap:5px}}

/* Sun Life V1.3 – language, country selector, recovery chat and plan analytics polish */
.language-select,.country-global-select{appearance:none;-webkit-appearance:none;max-width:150px;min-width:88px;padding:9px 30px 9px 11px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-size:12px;font-weight:700;line-height:1.2;box-shadow:0 3px 12px #182d2d08}
.country-global-select{max-width:174px;min-width:112px}
.landing-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.auth-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-controls .back-link{margin:0}
.phone-country-row select{appearance:none;-webkit-appearance:none;padding:12px 9px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:12px;font-weight:650;color:var(--ink)}
.plan-progress-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 16px;margin:11px 0;box-shadow:0 6px 18px #132f3207}
.plan-progress-card .simple-row{margin:0 0 10px}
.progress-track{height:9px;border-radius:20px;background:#edf0e9;overflow:hidden;margin:9px 0 7px}
.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a5157,#e5b331);transition:width .4s ease}
#recoveryChatBox,#adminRecoveryBox{scroll-behavior:smooth}
.chat-box a{color:var(--gold);text-decoration:underline;overflow-wrap:anywhere}
.chat-bubble[data-message-id]{animation:chat-in .22s ease both}
@keyframes chat-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.top-actions{gap:6px}.country-global-select{max-width:118px;min-width:84px;padding:8px 22px 8px 8px;font-size:10px}.language-select{min-width:75px;max-width:92px;padding:8px 20px 8px 8px;font-size:11px}.phone-country-row select{font-size:11px;padding:10px 5px}.auth-controls{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chat-bubble[data-message-id]{animation:none}.progress-track i{transition:none}}


/* Sun Life V1.6 — wallet, member identity, help, VVIP, security and responsive polish */
.wallet-bucket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0}.wallet-bucket{padding:16px;border-radius:19px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:5px;min-width:0}.wallet-bucket small{font-size:11px;color:var(--muted)}.wallet-bucket strong{font-size:22px;letter-spacing:-.4px}.wallet-bucket span{font-size:10px;color:var(--muted);line-height:1.5}.wallet-bucket.service{background:linear-gradient(145deg,#eaf4ef,#fff);border-color:#dcece2}.wallet-bucket.welcome{background:linear-gradient(145deg,#f8f0d8,#fff);border-color:#eee1bd}.wallet-bucket.cash{background:linear-gradient(145deg,#e5f2f1,#fff);border-color:#d4e8e5}.wallet-bucket.points{background:linear-gradient(145deg,#f0ebf8,#fff);border-color:#e5dff0}.wallet-action-row{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 20px}.wallet-action-row>*{flex:1;min-width:120px}.ledger-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.ledger-row:last-child{border-bottom:0}.ledger-row>div:first-child{min-width:0}.ledger-row b{display:block;font-size:13px}.ledger-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.ledger-amount{text-align:right;font-weight:800;white-space:nowrap}.ledger-amount.plus{color:var(--green)}.ledger-amount.minus{color:var(--red)}.ledger-amount small{font-weight:500}.digital-member-card{padding:22px;border-radius:26px;color:#fff;background:radial-gradient(circle at 90% 10%,#d9b95766,transparent 30%),linear-gradient(145deg,#083d42,#071f25);box-shadow:0 20px 48px #092c3033;overflow:hidden;position:relative}.member-card-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2b;padding-bottom:14px}.member-card-top img{width:125px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}.member-card-top span{font-size:9px;letter-spacing:1.5px;color:#efd77d}.member-card-person{display:flex;align-items:center;gap:13px;padding:22px 0}.member-card-avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:25px;font-weight:900;color:#183a35;background:linear-gradient(140deg,#f5df8c,#b88b24)}.member-card-person small,.member-card-meta small{display:block;font-size:9px;letter-spacing:1px;color:#c4d8d1}.member-card-person h2{margin:3px 0;font-size:21px}.member-card-person span{font-size:12px;color:#d5e2dc}.member-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 0;border-top:1px solid #ffffff2b}.member-card-meta b{display:block;font-size:12px;margin-top:4px}.member-active{color:#b9e5b9}.member-card-qr{background:#fff;color:#163b3c;border-radius:17px;padding:12px;display:flex;align-items:center;gap:15px;margin-top:10px;width:max-content;max-width:100%}.member-card-qr canvas{width:88px!important;height:88px!important;padding:3px!important;border:0!important}.member-card-qr small{font-size:9px;font-weight:900;letter-spacing:1px;max-width:100px}.help-search{display:flex;align-items:center;gap:10px;padding:13px 15px;background:var(--paper);border:1px solid var(--line);border-radius:16px;margin:14px 0 18px}.help-search span{font-size:24px;color:var(--gold)}.help-search input{flex:1;border:0;outline:0;background:transparent;min-width:0}.help-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-shortcuts a{padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--paper);display:flex;flex-direction:column;gap:4px}.help-shortcuts a>b{font-size:22px;color:var(--gold)}.help-shortcuts a>span{font-weight:800;font-size:13px}.help-shortcuts a>small{font-size:10px;color:var(--muted)}.security-summary{display:flex;align-items:center;gap:13px;border:1px solid #d5e8de;background:#edf7f0;border-radius:17px;padding:15px}.security-summary>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2a7b56;font-size:22px}.security-summary b,.security-summary small{display:block}.security-summary small{font-size:11px;color:#587267;margin-top:4px}.vip-spend-total{color:#f6dc90;font-size:20px}.support-float-menu{position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:50}.support-float-menu summary{list-style:none;cursor:pointer}.support-float-menu summary::-webkit-details-marker{display:none}.support-float-panel{position:absolute;right:0;bottom:60px;width:190px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;gap:3px}.support-float-panel a{padding:11px 12px;border-radius:10px;font-size:12px;font-weight:750}.support-float-panel a:hover{background:var(--bg)}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:18px}.page-progress{height:3px;position:fixed;z-index:2000;top:0;left:0;right:0;background:linear-gradient(90deg,var(--gold),#4fa8a0);transform:scaleX(.22);transform-origin:left;opacity:1;transition:transform .22s ease,opacity .25s ease}.page-progress.is-loaded{transform:scaleX(1);opacity:0}.admin-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-mini-metrics>div{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px}.admin-mini-metrics small,.admin-mini-metrics b{display:block}.admin-mini-metrics small{font-size:10px;color:var(--muted)}.admin-mini-metrics b{font-size:16px;margin-top:5px}.admin-row-actions{display:flex;gap:6px;align-items:center}.analytics-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.analytics-legend span:before{content:'●';color:var(--gold);margin-right:5px}.maintenance-screen{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;gap:14px}.maintenance-screen img{width:190px;max-width:60%;object-fit:contain}.maintenance-screen p{max-width:460px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-body[data-theme="dark"],body[data-theme="dark"]{--ink:#edf2ef;--muted:#9ba9a5;--bg:#101b1d;--paper:#182629;--line:#304145;--shadow:0 14px 34px rgba(0,0,0,.25);background:var(--bg);color:var(--ink)}body[data-theme="dark"] .topbar{background:#101b1ded}body[data-theme="dark"] .wallet-bucket,body[data-theme="dark"] .help-shortcuts a,body[data-theme="dark"] .help-search,body[data-theme="dark"] .faq-item,body[data-theme="dark"] .plan-progress-card,body[data-theme="dark"] .today-earned-card{background:var(--paper);border-color:var(--line);color:var(--ink)}body[data-theme="dark"] .wallet-bucket.service,body[data-theme="dark"] .wallet-bucket.welcome,body[data-theme="dark"] .wallet-bucket.cash,body[data-theme="dark"] .wallet-bucket.points{background:#203437;border-color:#34494b}body[data-theme="dark"] .help-search input{color:var(--ink)}body[data-theme="dark"] .support-float-panel{background:var(--paper);border-color:var(--line)}body[data-theme="dark"] .security-summary{background:#1c332a;border-color:#315d47}body[data-theme="dark"] .about-section{background:var(--paper);border-color:var(--line)}@media(max-width:430px){.wallet-bucket{padding:13px}.wallet-bucket strong{font-size:18px}.member-card-top img{width:105px}.member-card-person h2{font-size:18px}.admin-mini-metrics{grid-template-columns:1fr}.wallet-action-row>*{min-width:100px}}
@media print{body *{visibility:hidden!important}#printMemberCard,#printMemberCard *{visibility:visible!important}#printMemberCard{position:absolute;left:0;top:0;width:100%;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.topbar,.bottom-nav,.support-float-menu{display:none!important}}


/* Sun Life V1.6 final polish */
.support-float-menu .support-float{position:static;width:55px;height:55px;}
.analytics-bars.multi-series{gap:12px;align-items:stretch;min-height:190px;}
.analytics-group{min-width:42px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:180px;}
.analytics-group .series-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:142px;width:100%;border-bottom:1px solid var(--line);}
.analytics-group .series-bars i{display:block;width:min(10px,28%);min-height:2px;border-radius:5px 5px 1px 1px;background:#0b5960;}
.analytics-group .series-bars i.topup{background:linear-gradient(180deg,#6cc7a3,#24815e);}
.analytics-group .series-bars i.purchase{background:linear-gradient(180deg,#e9c76c,#b8891b);}
.analytics-group .series-bars i.withdrawal{background:linear-gradient(180deg,#9c8ad8,#6750a5);}
.analytics-group small{font-size:9px;color:var(--muted);white-space:nowrap;}
.analytics-legend span:nth-child(1):before{color:#24815e}.analytics-legend span:nth-child(2):before{color:#b8891b}.analytics-legend span:nth-child(3):before{color:#6750a5}
.wallet-admin-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wallet-admin-search input{flex:1;min-width:200px}
@media(max-width:420px){.analytics-group{min-width:34px}.analytics-group .series-bars{gap:2px}}


/* V1.6.1 Global Smart Alert — active in-site sessions only; no browser push. */
#sunlifeGlobalAlert{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 24px));z-index:1000;pointer-events:none;display:flex;flex-direction:column;gap:9px}
.sunlife-alert-toast{pointer-events:auto;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:11px;padding:13px 14px;background:rgba(8,51,45,.97);color:#fff;border:1px solid rgba(226,187,82,.58);border-radius:17px;box-shadow:0 18px 48px rgba(6,24,22,.28);backdrop-filter:blur(16px);animation:sunlife-alert-in .24s ease-out;transition:opacity .2s,transform .2s}
.sunlife-alert-toast.is-leaving{opacity:0;transform:translateY(-8px)}
.sunlife-alert-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f5d77f,#c89a25);color:#173c32;font:900 22px system-ui}
.sunlife-alert-content{min-width:0;overflow-wrap:anywhere}
.sunlife-alert-content strong{display:block;font-size:14px;line-height:1.35;color:#ffe7a4}
.sunlife-alert-content p{margin:4px 0 0;color:#e0e9e5;font-size:12px;line-height:1.5}
.sunlife-alert-actions{display:flex;flex-direction:column;align-items:end;gap:6px;white-space:nowrap}
.sunlife-alert-view{font-size:11px;font-weight:800;color:#f5d77f;text-decoration:underline;text-underline-offset:3px}
.sunlife-alert-close{border:0;background:transparent;color:#d9e5df;font-size:22px;line-height:1;padding:0 2px}
@keyframes sunlife-alert-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.sunlife-alert-toast{animation:none;transition:none}}
@media(max-width:420px){.sunlife-alert-toast{grid-template-columns:36px minmax(0,1fr) auto;padding:11px;gap:8px}.sunlife-alert-icon{width:35px;height:35px}.sunlife-alert-content strong{font-size:13px}.sunlife-alert-content p{font-size:11px}}


/* V1.7.0 multilingual RTL and module finishing */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .admin-sidebar{left:auto;right:0}
html[dir="rtl"] .admin-main{margin-left:0;margin-right:250px}
html[dir="rtl"] .admin-side-bottom{left:auto;right:0}
html[dir="rtl"] .table-wrap table{direction:rtl}
html[dir="rtl"] .chat-bubble{direction:rtl;text-align:right}
html[dir="rtl"] .chat-compose .btn{margin-inline-start:0;margin-inline-end:auto}
html[dir="rtl"] .ledger-amount{text-align:left}
html[dir="rtl"] .menu-list>a{direction:rtl}
html[dir="rtl"] .page-head .back-link{display:inline-flex}
.salary-user-card .salary-progress-track{height:7px;background:var(--line);border-radius:20px;overflow:hidden;margin:9px 0 5px}
.salary-user-card .salary-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1b765e,#dbb94a)}
.salary-tier-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.salary-tier-row:last-child{border-bottom:0}
.salary-tier-amount{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}
.chat-presence{font-size:11px;color:var(--muted);padding:5px 3px}
.chat-presence[data-online="1"]{color:#25845b}
@media(max-width:680px){html[dir="rtl"] .admin-main{margin-right:65px;margin-left:0}}
@media(max-width:520px){.salary-tier-row{grid-template-columns:1fr}.salary-tier-amount{flex-direction:row;align-items:center;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.salary-user-card .salary-progress-track>span{transition:none}}

/* Cloudflare Turnstile placement on public authentication forms. */
.captcha-wrap{display:flex;justify-content:flex-start;max-width:100%;overflow:hidden;margin:8px 0 4px;min-height:66px;align-items:center}
.captcha-wrap iframe{max-width:100%}