*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--card-bg:#16161e;--card-border:#1e1e2a;--text-primary:#fff;--text-secondary:#8a8a9a;--text-muted:#5a5a6a;--accent-pink:#e91e8c;--accent-gradient:linear-gradient(135deg, #e91e8c, #c2185b);--green:#4caf50;--green-text:#66bb6a;--blue:#4285f4;--purple:#9c27b0;--magenta:#e91e8c;--orange:#ff9800;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:16px}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;touch-action:pan-y;height:100%}body{background:var(--bg);touch-action:pan-y;height:100%}#root{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.header{z-index:10;background:var(--bg);justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:10px;display:flex}.logo{align-items:center;display:flex}.header-title{color:var(--text-primary);font-size:20px;font-weight:600}.notification-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;position:relative}.notification-dot{background:var(--accent-pink);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.bottom-nav{max-width:480px;padding:10px 0 12px;padding-bottom:max(12px, env(safe-area-inset-bottom));z-index:100;background:#111118;border-top:1px solid #2a2a3a;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-family:inherit;font-size:11px;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-pink)}.nav-item svg{width:24px;height:24px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;width:100%;max-width:360px}.login-logo{margin-bottom:16px}.login-title{color:var(--text-primary);margin:0 0 32px;font-size:24px;font-weight:700}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:16px}.login-input:focus{border-color:var(--accent-pink)}.login-input::placeholder{color:var(--text-muted)}.login-error{color:#ff5252;text-align:left;font-size:14px}.login-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:14px;font-family:inherit;font-size:16px;font-weight:600}.login-btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:12px;padding:16px;overflow:hidden}.stats-row{gap:8px;display:flex}.stat-item{background:#1c1c28;border-radius:12px;flex:1;padding:12px}.stat-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.stat-new{color:var(--green-text);margin-left:6px;font-size:13px}.stat-value-row{flex-wrap:wrap;align-items:baseline;display:flex}.section-title{align-items:center;gap:10px;margin-top:16px;margin-bottom:12px;padding:0 2px;display:flex}.section-title h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.section-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.icon-circle--blue{color:#5b9bf4;background:#4285f433}.icon-circle--pink{color:#e91e8c;background:#e91e8c33}.icon-circle--purple{color:#ce93d8;background:#9c27b033}.icon-circle--green{color:#4caf50;background:#4caf5033}.icon-circle--magenta{color:#e91e8c;background:#e91e8c33}.icon-circle--orange{color:#ff9800;background:#ff980033}.skeleton{background:linear-gradient(90deg,#1c1c28 25%,#2a2a3a 50%,#1c1c28 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.selector-card{padding:12px 16px}.selector-row{align-items:center;gap:10px;display:flex}.selector-label{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:600}.selector-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.selector-chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#1c1c28;border-radius:20px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.chip--active{background:var(--accent-pink);border-color:var(--accent-pink);color:#fff}.referral-card .icon-circle{width:40px;height:40px;font-size:18px}.referral-row{align-items:center;gap:10px;display:flex}.referral-info{flex-direction:column;flex:1;min-width:0;display:flex}.referral-label{color:var(--text-secondary);font-size:13px}.referral-link{color:var(--text-primary);font-size:16px;font-weight:700}.copy-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:20px;flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:600}.online-row{justify-content:space-between;align-items:center;display:flex}.online-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;display:flex}.online-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block}.online-count{color:var(--text-primary);margin-top:4px;font-size:40px;font-weight:700}.online-illustration{opacity:.4}.reg-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.reg-title{color:var(--text-primary);font-size:17px;font-weight:700}.paid-row{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;display:flex}.paid-title{color:var(--text-primary);font-size:15px;font-weight:500}.paid-values{gap:24px;margin-left:auto;display:flex}.paid-col{flex-direction:column;align-items:center;display:flex}.paid-col-label{color:var(--text-secondary);font-size:12px}.paid-col-value{color:var(--text-primary);font-size:22px;font-weight:700}.paid-amount{color:var(--text-primary);margin-left:auto;font-size:22px;font-weight:700}.paid-arrow{color:var(--text-muted);margin-left:8px;font-size:24px;transition:transform .2s}.paid-arrow--open{transform:rotate(90deg)}.paid-card{padding:14px 16px}.paid-details{border-top:1px solid var(--card-border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.detail-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.detail-label{color:var(--text-secondary);font-size:14px}.detail-value{color:var(--text-primary);font-size:16px;font-weight:700}.leaderboard-title{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.leaderboard-placeholder{color:var(--text-secondary);font-size:14px}.leaderboard-list{flex-direction:column;display:flex}.leaderboard-item{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:12px 0;display:flex}.leaderboard-item:last-child{border-bottom:none;padding-bottom:0}.leaderboard-item:first-child{padding-top:0}.leaderboard-pos{width:32px;height:32px;color:var(--text-secondary);background:#1c1c28;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.leaderboard-pos--top{color:var(--accent-pink);background:#e91e8c33}.leaderboard-info{flex-direction:column;flex:1;display:flex}.leaderboard-name{color:var(--text-primary);font-size:15px;font-weight:600}.leaderboard-code{color:var(--text-muted);font-size:12px}.leaderboard-income{color:var(--green-text);font-size:18px;font-weight:700}.leaderboard-item--me{background:#e91e8c14;border-bottom-color:#0000;border-radius:12px;margin:0 -12px;padding:12px}.leaderboard-item--me .leaderboard-name,.leaderboard-item--me .leaderboard-income{color:var(--accent-pink)}.profile-section-title{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:700}.earnings-list{flex-direction:column;display:flex}.earning-item{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:14px 0;display:flex}.earning-item:last-child{border-bottom:none;padding-bottom:0}.earning-item:first-child{padding-top:0}.earning-label{color:var(--text-secondary);flex:1;font-size:15px}.earning-value{color:var(--accent-pink);font-size:22px;font-weight:700}.balance-row{justify-content:space-between;align-items:center;display:flex}.balance-label{color:var(--text-secondary);font-size:14px}.balance-amount{color:var(--text-primary);margin-top:4px;font-size:40px;font-weight:700}.withdraw-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:14px 32px;font-size:16px;font-weight:600}.history-list{flex-direction:column;display:flex}.history-item{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:14px 0;display:flex}.history-item:last-child{border-bottom:none;padding-bottom:0}.history-item:first-child{padding-top:0}.history-info{flex-direction:column;flex:1;display:flex}.history-date{color:var(--text-muted);font-size:13px}.history-label{color:var(--text-primary);margin-top:2px;font-size:15px}.history-amount{font-size:20px;font-weight:700}.history-amount--positive{color:var(--green-text)}.history-amount--negative{color:var(--text-primary)}.balance-details{border-top:1px solid var(--card-border);flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;display:flex}.balance-detail{color:var(--text-secondary);font-size:13px}.logout-btn{border:1px solid var(--card-border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;margin-top:8px;padding:14px;font-family:inherit;font-size:16px}.app{flex-direction:column;min-height:100%;display:flex}.content{flex:1;padding:0 16px 80px}