:root{
    --page-bg:#10131f;
    --surface:#f7fbff;
    --surface-strong:#ffffff;
    --ink:#172033;
    --muted:#667085;
    --primary:#10b981;
    --primary-deep:#0f8f69;
    --cyan:#06b6d4;
    --accent:#ec4899;
    --amber:#f59e0b;
    --panel:#17172b;
    --panel-soft:#24233c;
    --ring:rgba(16,185,129,.3);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',Arial,sans-serif;background:linear-gradient(135deg,#10131f 0%,#113737 48%,#2b183a 100%);min-height:100vh;padding:20px 0;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,select,textarea{font:inherit}
button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}

/* Loading screen */
#loadingScreen{display:flex;position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#10131f 0%,#113737 48%,#2b183a 100%);align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .3s ease,visibility .3s ease}
#loadingScreen.fade-out{opacity:0;visibility:hidden;pointer-events:none}
#loadingScreen .loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #10b981;border-radius:50%;animation:spin .8s linear infinite}
#loadingScreen p{color:#94a3b8;font-size:14px;font-weight:500}
@keyframes spin{to{transform:rotate(360deg)}}

/* App container - hidden by default, shown by JS after auth */
.app-container{max-width:960px;width:92%;margin:0 auto;background:linear-gradient(180deg,var(--surface-strong),var(--surface));border-radius:28px;padding:20px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.7);display:none}
.app-container.visible{display:block}

/* Header */
.header{text-align:center;margin-bottom:15px;position:relative}
.support-icon,.notif-icon,.profile-icon{position:absolute;top:0;width:36px;height:36px;background:#edf7f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:.2s;color:#182033;border:1px solid rgba(16,185,129,.12)}
.support-icon{left:0}.support-icon:hover{background:var(--accent);color:#fff}
.notif-icon{right:45px}.notif-icon:hover{background:var(--primary);color:#fff}
.profile-icon{right:0}.profile-icon:hover{background:var(--cyan);color:#fff}
#notifBadge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;min-width:18px;height:18px;line-height:18px;font-size:10px;font-weight:800}
.logo{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--accent));border-radius:18px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 26px rgba(16,185,129,.25)}
.logo img{width:100%;height:100%;object-fit:cover}
.logo-placeholder{color:#fff;font-weight:800;font-size:28px}
.title{font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.upgrade-btn{background:linear-gradient(135deg,var(--accent),var(--amber),var(--primary));color:#fff;padding:14px 28px;border-radius:50px;font-weight:800;font-size:17px;display:inline-flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer;border:0;transition:.2s;box-shadow:0 12px 22px rgba(236,72,153,.22)}
.upgrade-btn:hover{transform:scale(1.04)}
#userDisplay{font-size:12px;color:#64748b;margin-top:8px}

/* Live card */
.live-card{background:linear-gradient(135deg,var(--primary),var(--cyan),#2563eb);border-radius:22px;padding:20px;margin-bottom:15px;color:#fff;position:relative;cursor:pointer;min-height:110px;box-shadow:0 16px 34px rgba(6,182,212,.24)}
.live-amount{font-size:32px;font-weight:800;line-height:1.1}
.live-label{font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:5px;opacity:.86}
.arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;transition:transform .25s}
.arrow.rotated{transform:translateY(-50%) rotate(180deg)}
.expandable-content{display:none;margin-top:15px;background:#f8fafc;border-radius:20px;padding:15px;color:#1f2937}
.expandable-content.active{display:block}

/* Section buttons */
.section-buttons{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;padding:5px}
.section-btn{background:#e9eef6;border:0;padding:8px 12px;border-radius:40px;cursor:pointer;font-weight:700;color:#273244;white-space:nowrap;font-size:13px;display:flex;align-items:center;gap:5px;transition:.2s}
.section-btn i{font-size:13px}
.section-btn.active{background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;box-shadow:0 8px 18px var(--ring)}

/* Section panes */
.section-pane{display:none}
.section-pane.active{display:block}

/* Stats strip */
.stats-strip{background:linear-gradient(135deg,#18213a,#123c3b,#2b1b44);border-radius:20px;padding:12px;margin-bottom:15px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;color:#fff;gap:8px}
.stat-number{font-size:18px;font-weight:800}
.stat-label-strip{font-size:10px;opacity:.82}

/* Buttons */
.btn-main{width:100%;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--accent));border:0;padding:12px;border-radius:44px;color:#fff;font-weight:800;cursor:pointer;margin-bottom:15px;font-size:16px;box-shadow:0 12px 24px rgba(16,185,129,.2)}

/* Log box */
.log-box{background:#f8fafc;border-radius:18px;padding:12px;margin-bottom:15px}
.log{height:120px;overflow-y:auto;font-size:11px;font-family:Consolas,monospace;color:#334155}
.log-entry{padding:4px 0;border-bottom:1px solid #e5e7eb}

/* Mining progress */
.mining-progress{display:none;margin-top:10px;text-align:center;background:linear-gradient(135deg,#1b2338,#1d2f34);border-radius:22px;padding:10px;color:#fff}
.mining-bar{width:100%;background:#333;border-radius:10px;margin-top:8px;overflow:hidden}
.mining-fill{width:0;height:8px;background:linear-gradient(90deg,var(--primary),var(--cyan),var(--accent));border-radius:10px;transition:width .2s}

/* Packages */
.packages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-height:65vh;overflow-y:auto;padding:10px}
.package-card{background:rgba(255,255,255,.05);border-radius:22px;padding:20px;border:1px solid rgba(0,168,89,.35);transition:.2s}
.package-card:hover{transform:translateY(-3px);border-color:#00a859;background:rgba(0,168,89,.1)}
.package-name{font-size:22px;font-weight:800;background:linear-gradient(135deg,#00ff88,#eb008b);-webkit-background-clip:text;background-clip:text;color:transparent}
.package-price{font-size:28px;font-weight:800;color:#f7931a;margin:10px 0}
.package-duration{font-size:12px;color:#cbd5e1;margin-bottom:10px}
.daily-roi{background:rgba(0,168,89,.15);padding:10px;border-radius:12px;text-align:center;margin:12px 0;font-weight:800;color:#00ff88}
.package-features{list-style:none;margin:12px 0}
.package-features li{font-size:12px;padding:5px 0;color:#dbe4f0;display:flex;align-items:center;gap:8px}
.buy-now-btn,.buy-now-pkg{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-deep));border:0;padding:12px;border-radius:40px;font-weight:800;color:#fff;cursor:pointer;margin-top:10px;transition:.2s;font-size:16px;text-align:center;display:block;box-shadow:0 10px 20px rgba(16,185,129,.2)}
.buy-now-btn:hover,.buy-now-pkg:hover{background:linear-gradient(135deg,var(--cyan),var(--primary));transform:scale(1.01)}

/* History */
.history-item{background:rgba(15,23,42,.05);border-radius:18px;padding:14px;margin-bottom:12px;border-left:4px solid #f59e0b}
.history-amount{font-size:18px;font-weight:800;color:#f7931a}

/* Modals - clean display-only system, no opacity conflicts */
.modal-overlay{display:none;position:fixed;inset:0;z-index:10000;overflow-y:auto;padding:20px}
.modal-overlay.active{display:flex}
.modal-overlay.active:not(.login-popup){align-items:flex-start;justify-content:center}
.modal-container{max-width:800px;width:100%;margin:auto;background:linear-gradient(145deg,#17172b,#101827);border-radius:34px;padding:30px;border:1px solid rgba(16,185,129,.36);color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.42)}
.modal-container h2{text-align:center;font-size:28px;font-weight:800;background:linear-gradient(135deg,#7cf7c2,var(--cyan),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px}
.modal-container h3{margin-bottom:16px}
.close-modal{float:right;font-size:28px;cursor:pointer;color:#aaa;transition:.2s;line-height:1}
.close-modal:hover{color:#fff}

/* Admin panel */
#adminPanel{position:fixed;inset:20px 0 0 0;z-index:5000;overflow-y:auto;background:#1a1a2e}
.admin-container{width:100%;max-width:none;margin:0;background:transparent;border-radius:0;padding:24px 36px 40px;border:0;color:#fff;min-height:100%;box-sizing:border-box}
.admin-container h1{font-size:28px;margin-bottom:8px}
.admin-content-inner{max-width:none;width:100%}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0;justify-content:center}
.admin-tab{background:#2a2a3e;padding:10px 20px;border-radius:40px;cursor:pointer;position:relative;font-weight:700}
.admin-tab.active{background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 8px 18px var(--ring)}
.admin-btn{padding:8px 14px;border-radius:40px;border:0;cursor:pointer;margin:4px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2;min-height:32px;vertical-align:middle}
.admin-btn i{font-size:14px;line-height:1;display:inline-block}
.admin-btn-approve{background:#10b981;color:#fff}
.admin-btn-edit{background:#3b82f6;color:#fff}
.admin-btn-delete{background:#ef4444;color:#fff}
.admin-btn-add{background:#00a859;color:#fff}
.admin-table-wrap{overflow-x:auto;width:100%}
.admin-table{width:100%;border-collapse:collapse;min-width:720px;table-layout:auto}
.admin-table td,.admin-table th{padding:10px;border-bottom:1px solid #333;text-align:left;vertical-align:top}
.close-admin-btn{position:fixed;top:30px;right:30px;z-index:5100;background:#eb008b;color:#fff;border:0;padding:10px 20px;border-radius:40px;cursor:pointer;font-weight:800;box-shadow:0 6px 20px rgba(235,0,139,.35)}

/* Edit popup */
.edit-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:30000;align-items:center;justify-content:center;padding:20px}
.edit-popup.active{display:flex}
.edit-card{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:28px;padding:30px;max-width:550px;width:100%;border:1px solid #00a859;color:#fff}
.edit-field,.profile-field,.withdraw-field{margin-bottom:15px}
.edit-field label,.profile-field label,.withdraw-field label{display:block;margin-bottom:6px;font-size:12px;color:#cbd5e1;font-weight:700}
.edit-field input,.edit-field textarea,.edit-field select,.profile-field input,.profile-field textarea,.profile-field select,.withdraw-field input,.withdraw-field select{width:100%;padding:11px;border-radius:12px;background:#2a2a3e;border:1px solid #444;color:#fff}
.edit-buttons{display:flex;gap:10px;margin-top:20px}
.edit-save{flex:1;background:#00a859;border:0;padding:12px;border-radius:40px;color:#fff;cursor:pointer;font-weight:800}
.edit-cancel{flex:1;background:#ef4444;border:0;padding:12px;border-radius:40px;color:#fff;cursor:pointer;font-weight:800}

/* Login popup - uses modal-overlay.active + login-popup for flex centering */
.login-popup .modal-container{max-width:450px;width:min(450px,100%);margin:auto}
.login-popup{background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#0f0f1a 100%)}

/* Auth-locked state: hide everything except login modal */
body.auth-locked #mainApp{display:none!important}
body.auth-locked #adminPanel{display:none!important}
body.auth-locked #messengerBubble{display:none!important}
body.auth-locked #messengerPopup{display:none!important}
body.auth-locked #loadingScreen{display:none!important}

/* Login form */
.login-brand{text-align:center;margin-bottom:20px}
.login-brand h1{font-size:28px;font-weight:900;color:#fff;margin:0 0 4px;background:linear-gradient(135deg,#00ff88,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-brand p{font-size:13px;color:#94a3b8;margin:0}
.auth-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:20px}
.auth-tab{padding:8px 20px;border-radius:40px;cursor:pointer;background:#2a2a3e;font-weight:800}
.auth-tab.active{background:#00a859}
.password-wrapper{position:relative}
.toggle-password{position:absolute;right:12px;bottom:13px;cursor:pointer;color:#aaa}
.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#e5e7eb}
.forgot-pwd{font-size:12px;color:#93c5fd;cursor:pointer;width:max-content}

/* Profile menu */
.profile-menu{position:absolute;top:45px;right:0;background:#1a1a2e;border-radius:16px;padding:10px;min-width:160px;z-index:20;display:none;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.profile-menu.active{display:block}
.profile-menu button{width:100%;background:#2a2a3e;border:0;padding:9px;border-radius:12px;color:#fff;cursor:pointer;margin:5px 0;text-align:left}
.profile-menu button:hover{background:#00a859}

/* Request cards */
.request-card{background:#0f0f1a;border-radius:16px;padding:12px;margin-bottom:12px;border-left:4px solid #f59e0b}
.proof-image{max-width:90px;max-height:90px;border-radius:8px;object-fit:cover;margin:7px 0;display:block}

/* Payment methods */
#paymentMethodsList,.method-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}
.payment-chip{background:#2a2a3e;padding:15px 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;margin:0;font-size:14px;font-weight:800;color:#fff;border:1px solid rgba(255,255,255,.08);min-height:64px;text-align:center;transition:.2s;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.payment-chip:hover{border-color:rgba(0,255,136,.65);transform:translateY(-1px)}
.payment-chip.active{background:#00a859;border-color:#7affbf;box-shadow:0 10px 22px rgba(0,168,89,.28)}
.payment-chip img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%;padding:6px;flex:0 0 auto}

/* Wallet display */
.wallet-display{background:#0a0a12;padding:10px;border-radius:18px;display:flex;gap:10px;justify-content:space-between;align-items:center;margin:10px 0;font-family:Consolas,monospace;word-break:break-all}
.wallet-display button{border:0;border-radius:20px;padding:8px 12px;cursor:pointer;font-weight:800}
.upload-proof{border:2px dashed #00a859;border-radius:20px;padding:14px;text-align:center;cursor:pointer;margin:10px 0}

/* Notifications */
.notif-item{background:rgba(255,255,255,.05);padding:10px;border-radius:12px;margin-bottom:8px;border-left:3px solid #00a859}
.notif-time{font-size:10px;color:#94a3b8;margin-top:4px}

/* Empty state */
.empty-state{text-align:center;padding:30px;color:#64748b}

/* KYC */
.kyc-status{padding:12px;border-radius:12px;text-align:center;font-weight:700;margin:10px 0}
.kyc-status.approved{background:rgba(16,185,129,.15);color:#10b981}
.kyc-status.processing{background:rgba(245,158,11,.15);color:#f59e0b}
.kyc-status.rejected{background:rgba(239,68,68,.15);color:#ef4444}

/* Verified badge */
.verified-badge{display:inline-block;padding:6px 14px;background:rgba(16,185,129,.15);color:#10b981;border-radius:20px;font-size:12px;font-weight:700}

/* Country select */
.country-select{width:100%;padding:11px;border-radius:12px;background:#2a2a3e;border:1px solid #444;color:#fff}

/* Ticker */
.ticker-bar{background:#1a1a2e;border-radius:12px;padding:8px;margin-bottom:15px;overflow:hidden}
.ticker-inner{display:inline-block;white-space:nowrap;animation:ticker 50s linear infinite}
.ticker-text{color:#e2e8f0;font-size:13px;font-weight:600}
@keyframes ticker{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}

/* Lottery */
.lottery-balance-card{background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border-radius:20px;padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px;color:#fff;border:1px solid rgba(245,158,11,.2)}
.lottery-bal-dollar{font-size:24px;color:#f59e0b;font-weight:800}
.lottery-bal-amount{font-size:32px;font-weight:900;color:#fff}
.lottery-bal-sub{font-size:11px;color:#94a3b8}
.lottery-bal-actions{display:flex;gap:8px;flex:1}
.lottery-add-btn{padding:14px 24px;border-radius:18px;border:0;cursor:pointer;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,#10b981,#059669);min-height:54px;box-shadow:0 6px 20px rgba(16,185,129,.3);transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;white-space:nowrap}
.lottery-add-btn:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(16,185,129,.4)}
.lottery-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.lottery-card-item{background:#1a1a2e;border-radius:16px;padding:16px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.08)}
.lottery-card-name{font-size:16px;font-weight:800;margin-bottom:6px}
.lottery-card-price{font-size:24px;font-weight:900;color:#f59e0b;margin-bottom:6px}
.lottery-card-timer{font-size:14px;color:#94a3b8;margin-bottom:8px;font-family:Consolas,monospace}
.lottery-card-pools{font-size:11px;color:#cbd5e1;margin-bottom:10px}
.lottery-card-pools div{display:flex;justify-content:space-between;padding:2px 0}
.lottery-buy-card{width:100%;padding:10px;border-radius:20px;border:0;cursor:pointer;font-weight:800;font-size:13px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}
.lottery-buy-card:disabled{background:#444;cursor:not-allowed}
.lottery-my-ticket{display:flex;justify-content:space-between;padding:8px 12px;background:#1a1a2e;border-radius:8px;margin-bottom:6px;color:#fff;font-size:13px}
.lottery-my-ticket.won{border-left:3px solid #10b981}
.lottery-my-ticket.lost{border-left:3px solid #ef4444}
.lottery-txn-item{display:flex;justify-content:space-between;padding:8px 12px;background:#1a1a2e;border-radius:8px;margin-bottom:6px;color:#fff;font-size:12px}

/* Messenger */
.messenger-bubble{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--cyan));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:24px;z-index:9000;box-shadow:0 8px 24px rgba(16,185,129,.3);transition:.2s}
.messenger-bubble:hover{transform:scale(1.05)}
.messenger-bubble .unread-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;min-width:20px;height:20px;line-height:20px;font-size:11px;font-weight:800;text-align:center}
.messenger-popup{position:fixed;right:85px;bottom:80px;width:360px;max-height:500px;background:#1a1a2e;border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.4);z-index:9001;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);min-height:0}
.messenger-popup.active{display:flex}
.messenger-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#24233c;border-bottom:1px solid #333}
.messenger-header .header-actions{display:flex;gap:8px}
.messenger-header .header-actions button{background:none;border:0;color:#aaa;cursor:pointer;font-size:14px}
.messenger-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
.messenger-sidebar{width:80px;flex-shrink:0;background:#0f0f1a;border-right:1px solid #333;overflow-y:auto}
.messenger-sidebar.hidden{display:none}
.thread-item{padding:10px 8px;border-bottom:1px solid #222;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px}
.thread-item.active{background:#24233c}
.thread-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;flex-shrink:0}
.thread-info{flex:1;min-width:0}
.thread-name{font-size:12px;color:#e2e8f0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-preview{font-size:10px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.thread-unread{position:absolute;top:6px;right:24px;background:#ef4444;color:#fff;border-radius:999px;min-width:16px;height:16px;line-height:16px;font-size:9px;text-align:center}
.thread-close{position:absolute;top:4px;right:4px;color:#ef4444;font-size:12px;cursor:pointer}
.messenger-main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.messenger-messages{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:12px;min-height:0;max-height:100%}
.messenger-messages .msg{margin-bottom:10px;max-width:85%;min-width:0;overflow-wrap:break-word;word-break:break-word}
.messenger-messages .msg-mine{margin-left:auto}
.messenger-messages .msg-theirs{margin-right:auto}
.msg-sender{font-size:10px;color:#94a3b8;padding:0 4px;margin-bottom:2px;font-weight:600;overflow-wrap:break-word;word-break:break-word}
.msg-text{display:inline-block;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.4;max-width:100%;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}
.messenger-messages .msg-mine .msg-text{background:#00a859;color:#fff;border-bottom-right-radius:4px}
.messenger-messages .msg-theirs .msg-text{background:#2a2a3e;color:#e2e8f0;border-bottom-left-radius:4px}
.msg-time{font-size:9px;color:#64748b;margin-top:2px;padding:0 4px}
.messenger-footer{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #333;background:#24233c;min-height:56px;position:relative;z-index:2}
.messenger-footer input{flex:1;min-width:0;padding:8px 12px;border-radius:20px;border:1px solid #444;background:#1a1a2e;color:#fff;font-size:13px}
.messenger-attach-btn,.messenger-send-btn{background:none;border:0;color:#aaa;cursor:pointer;font-size:16px;padding:4px;flex-shrink:0}
.messenger-send-btn{color:#00a859}
.messenger-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;gap:8px}
.messenger-empty i{font-size:32px}
.attach-preview{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2a2a3e;border-radius:8px;margin-bottom:6px;font-size:12px;color:#e2e8f0;flex-shrink:0;overflow-wrap:break-word;word-break:break-word}
.remove-attach{color:#ef4444;cursor:pointer;font-weight:800}

/* Admin notification bell */
.admin-notification-bell{position:relative;cursor:pointer;font-size:24px;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:rgba(255,255,255,.06);border-radius:12px;line-height:1;flex-shrink:0}
.admin-notification-bell .badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;min-width:18px;height:18px;line-height:18px;font-size:10px;text-align:center;padding:0 4px}

/* Deposit settings grid */
.deposit-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* CMS page card */
.cms-page-card{background:#0f0f1a;border-radius:16px;padding:14px;border-left:4px solid #f59e0b}

/* Autodraw toggle */
.autodraw-toggle{position:relative;display:inline-block;width:40px;height:22px}
.autodraw-toggle input{opacity:0;width:0;height:0}
.autodraw-slider{position:absolute;cursor:pointer;inset:0;background:#444;border-radius:22px;transition:.3s}
.autodraw-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.autodraw-toggle input:checked + .autodraw-slider{background:#00a859}
.autodraw-toggle input:checked + .autodraw-slider:before{transform:translateX(18px)}

/* Responsive */
.prize-pools-header{display:grid;grid-template-columns:2fr 1fr 1fr 40px;gap:8px;padding:6px 10px;font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.prize-pool-row{display:grid;grid-template-columns:2fr 1fr 1fr 40px;gap:8px;align-items:center;padding:8px 10px;background:#1a1a2e;border-radius:12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.06);transition:.2s}
.prize-pool-row:hover{border-color:rgba(245,158,11,.3);box-shadow:0 2px 12px rgba(245,158,11,.06)}
.prize-pool-row input{width:100%;padding:9px 10px;border-radius:10px;background:#2a2a3e;border:1px solid #444;color:#fff;font-size:13px;box-sizing:border-box}
.prize-pool-row input:focus{border-color:#f59e0b;outline:none}
.remove-pool-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.08);color:#ef4444;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.remove-pool-btn:hover{background:rgba(239,68,68,.2)}

.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:40px;border:1px solid rgba(255,255,255,.1);background:#fff;color:#1f2937;font-weight:700;font-size:14px;cursor:pointer;transition:.2s;font-family:'Inter',Arial,sans-serif}
.google-btn:hover{transform:scale(1.01);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.google-btn img{width:20px;height:20px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#64748b;font-size:12px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}

/* Gaming */
.gaming-tabs{display:flex;gap:6px;margin-bottom:15px;flex-wrap:wrap;justify-content:center}
.gaming-tab{background:#2a2a3e;border:0;padding:10px 16px;border-radius:40px;cursor:pointer;font-weight:700;color:#cbd5e1;font-size:13px;display:flex;align-items:center;gap:6px;transition:.2s}
.gaming-tab.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 6px 18px rgba(139,92,246,.28)}
.game-pane{display:none}
.game-pane.active{display:block}
.gaming-action-btn{color:#fff;border:0;padding:14px 28px;border-radius:40px;font-weight:800;cursor:pointer;font-size:15px;transition:.2s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.gaming-action-btn:hover{transform:scale(1.03)}
.gaming-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.game-result{padding:16px;border-radius:16px;text-align:center;margin-top:12px;font-weight:700}

/* Spin wheel */
.wheel-wrapper{text-align:center;position:relative;margin:10px 0}
#wheelCanvas{border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 0 40px rgba(0,0,0,.4);max-width:100%;height:auto}
.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));z-index:5}

/* Scratch cards */
.scratch-cards-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.scratch-card-option{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:16px;padding:20px;text-align:center;cursor:pointer;border:1px solid rgba(255,255,255,.08);color:#fff;transition:.2s}
.scratch-card-option:hover{border-color:#8b5cf6}
.scratch-card-option .scratch-price{font-size:28px;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
#scratchCanvas{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);cursor:crosshair;background:#1a1a2e;max-width:100%;height:auto;touch-action:none}

/* Color trading */
.color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}
.color-btn{padding:30px 10px;border-radius:20px;border:0;cursor:pointer;font-weight:800;font-size:20px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3);transition:.2s;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.color-btn:hover{transform:scale(1.04)}
.color-btn.selected{outline:4px solid #fff;outline-offset:2px}
.color-btn.winner{animation:pulse-glow .5s ease}
@keyframes pulse-glow{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 40px rgba(255,255,255,.3)}100%{transform:scale(1)}}
.color-bet-input{display:flex;gap:10px;align-items:center;justify-content:center;margin:8px 0}
.color-bet-input input{width:120px;padding:8px;border-radius:10px;background:#2a2a3e;border:1px solid #444;color:#fff;text-align:center;font-weight:700;font-size:16px}

/* Easy Money */
.easy-money-card{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:18px;padding:16px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.easy-money-card .prize-img{width:100%;height:130px;object-fit:contain;border-radius:12px;margin-bottom:8px;background:rgba(255,255,255,.05)}
.easy-money-card .prize-name{font-size:16px;font-weight:800;margin-bottom:4px}
.easy-money-card .prize-price{font-size:12px;color:#94a3b8;margin-bottom:8px}
.easy-money-progress{background:#2a2a3e;border-radius:10px;height:10px;overflow:hidden;margin:8px 0}
.easy-money-progress .fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:10px;transition:width .3s}
.easy-money-card .enter-btn{width:100%;padding:12px;border-radius:14px;border:0;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-size:14px;transition:.2s}
.easy-money-card .enter-btn:hover{transform:scale(1.02)}

/* Ad Sidebars */
.ad-sidebar{position:fixed;top:0;width:160px;height:100vh;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ad-left{left:0}
.ad-right{right:0}
.ad-placeholder{width:160px;min-height:600px;background:#1a1a2e;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px dashed #444;margin:10px}
#mainApp{margin:0 auto}
@media(min-width:1200px){
    .app-container{margin-left:auto;margin-right:auto}
    .ad-sidebar{width:160px}
}
@media(max-width:1199px){
    .ad-sidebar{width:120px}
    .ad-placeholder{width:110px}
}
@media(max-width:768px){
    .ad-sidebar{display:none}
    .app-container{width:96%;border-radius:20px;padding:14px}
    .stats-strip{grid-template-columns:repeat(2,1fr)}
    .packages-grid{grid-template-columns:1fr}
    .messenger-popup{width:calc(100% - 20px);left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);max-height:80vh}
    #adminPanel{inset:10px 0 0 0}
    .admin-container{padding:16px}
    .admin-tabs{gap:6px}
    .admin-tab{padding:8px 14px;font-size:12px}
    .close-admin-btn{top:16px;right:16px;padding:8px 14px;font-size:12px}
    .lottery-balance-card{flex-direction:column;align-items:stretch;gap:14px}
    .lottery-bal-actions{flex-direction:column;width:100%}
    .lottery-add-btn{width:100%;justify-content:center;flex:none}
    .lottery-bal-amount{text-align:center}
    .lottery-bal-sub{text-align:center}
    .lottery-bal-dollar{text-align:center}
    .lottery-cards-grid{grid-template-columns:repeat(2,1fr)}
}