@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f0f;color:#ffffffde;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-container{padding:16px 16px 30px}.online-users{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.online-avatars{display:flex;align-items:center}.online-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid #0F0F0F;margin-left:-6px}.online-dot{width:6px;height:6px;background:#5cc12c;border-radius:50%}.online-text{font-size:13px;color:#9ca3af;font-weight:500}.promo-banner{background:linear-gradient(135deg,#187225,#133c19);border-radius:16px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.promo-text{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.promo-bonus{color:#d4f5d4;font-size:15px;font-weight:600;margin-bottom:8px}.timer-compact{display:inline-flex;align-items:center;gap:4px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:6px 10px;color:#fff;font-size:12px;font-weight:600}.promo-gift{font-size:40px}.balance-card{background:#1a1a1a;border-radius:16px;padding:20px;text-align:center;margin-bottom:20px;border:1px solid #333}.balance-label{color:#888;font-size:13px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:36px;font-weight:700;color:#fff}.referral-box:active{background:#252525!important;transform:scale(.98)}.action-buttons{display:flex;gap:8px;margin-bottom:16px}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer}.btn-withdraw{background:linear-gradient(135deg,#187225,#133c19);color:#fff}.btn-tasks{background:#f8d256;color:#133c19}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;margin-left:4px}.section-icon{width:20px;height:20px}.section-title{font-size:15px;font-weight:600;color:#ffffffde}.payout-feed{background:#1a1a1a;border-radius:16px;padding:8px;margin-bottom:24px}.payout-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#242424;border-radius:12px;margin-bottom:6px}.payout-label{color:#5cc12c;font-size:14px;font-weight:500}.payout-name{color:#9ca3af;font-size:11px}.payout-amount{color:#5cc12c;font-size:15px;font-weight:600}.payout-time{color:#9ca3af;font-size:11px;text-align:right}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{display:flex;gap:12px;padding:12px;background:#1a1a1a;border-radius:16px}.quest-image{width:80px;height:80px;border-radius:12px;object-fit:cover}.quest-content{flex:1;display:flex;flex-direction:column;gap:4px}.quest-name{font-size:14px;font-weight:600}.quest-price{color:#5cc12c;font-size:14px;font-weight:600}.quest-btn{margin-top:8px;background:#ffe17e;color:#000;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;width:fit-content}.quest-btn:disabled,.quest-btn.completed{background:#333;color:#888;cursor:default}.quest-btn.completed{background:#18722533;color:#5cc12c;border:1px solid #187225}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:#f8d256;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
