:root{--bg-color: #0a0a0a;--card-bg: #1a1a1a;--primary: #8a2be2;--primary-hover: #9370db;--gold: #ffd700;--text-main: #ffffff;--text-sub: #a0a0a0}body{background-color:var(--bg-color);color:var(--text-main);font-family:sans-serif;margin:0;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:480px;background-color:var(--bg-color);min-height:100vh;box-shadow:0 0 20px #00000080;padding-bottom:80px}.app-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;background:#1a1a1af2;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-header h1{font-size:1.2rem;background:linear-gradient(45deg,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.points-badge{background:#ffd70026;color:var(--gold);padding:5px 12px;border-radius:20px;font-weight:700;border:1px solid rgba(255,215,0,.3)}.screen{padding:1rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-screen{display:flex;flex-direction:column;justify-content:center;height:100vh;padding:2rem;text-align:center}.login-screen input{width:100%;padding:12px;margin:8px 0;border-radius:8px;border:1px solid #333;background:#222;color:#fff;box-sizing:border-box}.login-screen button{width:100%;padding:12px;margin-top:10px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.switch-auth{margin-top:15px;color:var(--text-sub);cursor:pointer;text-decoration:underline}.check-in-btn{width:100%;background:#222;border:1px solid #333;border-radius:15px;padding:15px;display:flex;align-items:center;margin-bottom:1rem;cursor:pointer;box-sizing:border-box}.check-in-btn.disabled{opacity:.6;cursor:default}.check-in-btn .icon{font-size:2rem;margin-right:15px}.check-in-btn .text{text-align:left}.check-in-btn .title{display:block;font-weight:700}.check-in-btn .subtitle{font-size:.8rem;color:var(--text-sub)}.banner{background:linear-gradient(135deg,#00c6ff,#0072ff);padding:1.5rem;border-radius:15px;margin-bottom:1rem}.banner h3{margin:0 0 5px}.banner p{margin:0;font-size:.9rem}.dashboard-card{background:var(--card-bg);padding:1.5rem;border-radius:15px;text-align:center;margin-bottom:1rem;border:1px solid #333}.balance-info .points{font-size:2.5rem;font-weight:700;display:block}.ranking-item{display:flex;justify-content:space-between;padding:12px;background:#151515;margin-bottom:8px;border-radius:10px}.ranking-item .rank{color:var(--gold);width:30px;font-weight:700}.ranking-item .rank-points{color:var(--primary-hover);font-weight:700}.roulette-card{background:linear-gradient(135deg,#1a1a1a,#000);border:1px solid var(--gold);padding:1.5rem;border-radius:20px;text-align:center;margin-bottom:1.5rem}.roulette-display{font-size:3rem;font-weight:700;color:#fff;margin:1rem 0;font-family:monospace;text-shadow:0 0 10px var(--primary)}.spin-btn{background:var(--primary);color:#fff;width:100%;padding:15px;border-radius:50px;border:none;font-weight:700;font-size:1.2rem;cursor:pointer}.spin-btn:disabled{background:#444;cursor:not-allowed}.mission-item{background:var(--card-bg);padding:1rem;border-radius:15px;display:flex;align-items:center;margin-bottom:10px;border:1px solid #2a2a2a}.mission-icon{font-size:1.5rem;margin-right:15px;background:#222;padding:10px;border-radius:12px}.mission-info{flex:1}.mission-info h4{margin:0}.mission-info p{margin:4px 0 0;color:var(--text-sub);font-size:.8rem}.mission-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;min-width:80px}.mission-btn:disabled{background:#333;color:#666}.store-tabs{display:flex;margin-bottom:1rem;background:#111;padding:4px;border-radius:12px}.store-tab{flex:1;background:transparent;border:none;color:#666;padding:10px;border-radius:8px;cursor:pointer;font-weight:700}.store-tab.active{background:var(--primary);color:#fff}.gift-card-grid{border-radius:15px;text-align:center}.input-group input{width:100%;padding:15px;background:#000;border:1px solid #333;color:#fff;font-size:1.2rem;border-radius:10px;text-align:center;margin-top:10px;box-sizing:border-box}.amount-php{color:var(--gold);font-weight:700;font-size:1.5rem;display:block;margin-top:5px}.withdraw-btn{width:100%;padding:15px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:15px}.profile-header{text-align:center;margin-bottom:2rem}.avatar{width:80px;height:80px;background:#333;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;border:2px solid var(--primary)}.lang-toggle button{background:#333;border:none;color:#888;padding:5px 10px;margin:0 2px;border-radius:15px;cursor:pointer}.lang-toggle button.active{background:#fff;color:#000}.network-dashboard-card{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid var(--gold);border-radius:15px;padding:1.2rem;margin-bottom:1.5rem}.network-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #333;padding-bottom:.5rem}.network-header h3{margin:0;color:var(--gold);font-size:1rem}.help-icon{width:20px;height:20px;background:#333;border-radius:50%;text-align:center;line-height:20px;font-size:.8rem;color:#ccc;cursor:pointer}.network-stats{display:flex;justify-content:space-between;text-align:center}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.75rem;color:#888;margin-bottom:4px}.stat-value{font-size:1.1rem;font-weight:700;color:#fff}.stat-value.gold{color:var(--gold)}.stat-sub{font-size:.7rem;color:#555;margin-top:2px}.profile-menu .menu-item{background:#1a1a1a;padding:15px;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;cursor:pointer;border:1px solid #2a2a2a}.profile-footer{margin-top:30px;text-align:center}.legal-links{margin-bottom:10px;font-size:.8rem;color:#666;cursor:pointer;text-decoration:underline}.app-version{font-size:.7rem;color:#444}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#141414fa;display:flex;justify-content:space-around;padding:10px 0;border-top:1px solid #333}.nav-item{background:none;border:none;color:#666;display:flex;flex-direction:column;align-items:center;font-size:.7rem;cursor:pointer}.nav-item.active{color:var(--primary-hover)}.nav-icon{font-size:1.2rem;margin-bottom:3px}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:12px 24px;border-radius:30px;font-size:.9rem;z-index:1000;white-space:nowrap;animation:fadeIn .3s;border:1px solid #333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:#222;padding:2rem;border-radius:20px;text-align:center;width:80%;max-width:300px;border:1px solid #444}.modal-close-btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:20px;margin-top:15px;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#000;margin:0}#root{max-width:480px;width:100%;min-height:100vh;background-color:#1a1a1a;box-shadow:0 0 20px #00000080}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}