.page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-green);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.page-header .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.page-header .logo-crown{width:36px;height:28px}
.page-header .logo-crown svg{width:100%;height:100%}
.page-header .logo-name{font-family:var(--font-display);font-size:20px;color:var(--gold);font-weight:800}
.page-back{color:var(--green-bright);font-size:14px;font-weight:600}
.page-main{max-width:1100px;margin:0 auto;padding:24px 16px 100px}
.page-title{font-family:var(--font-display);font-size:28px;color:var(--gold);margin-bottom:24px}
.page-card{background:var(--bg-card);border:1px solid var(--border-green);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.pay-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.pay-method{padding:16px;border:2px solid var(--border-green);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all .25s;background:var(--bg-secondary)}
.pay-method:hover,.pay-method.active{border-color:var(--gold);box-shadow:var(--shadow-gold)}
.pay-method span{font-size:28px;display:block;margin-bottom:6px}
.form-row{margin-bottom:14px}
.form-row label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}
.form-row input,.form-row select{width:100%;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-green);border-radius:var(--radius);color:var(--text-primary);font-size:15px}
.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.stat-box{background:var(--bg-secondary);border:1px solid var(--border-green);border-radius:var(--radius);padding:16px;text-align:center}
.stat-box strong{display:block;font-size:22px;color:var(--green-bright)}
.stat-box small{color:var(--text-secondary);font-size:11px}
.vip-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;background:linear-gradient(135deg,#cd7f32,#ffd700);color:#000}
.vip-badge.silver{background:linear-gradient(135deg,#aaa,#eee)}
.vip-badge.gold{background:linear-gradient(135deg,#d4a017,#f0c040)}
.vip-badge.kral{background:linear-gradient(135deg,#1a8c3a,#39ff14);color:#000}
.ref-link{display:flex;gap:8px;margin-top:8px}
.ref-link input{flex:1;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-green);border-radius:var(--radius);color:var(--gold);font-size:13px}
.tx-table{width:100%;border-collapse:collapse;font-size:13px}
.tx-table th,.tx-table td{padding:10px;border-bottom:1px solid var(--border-green);text-align:left}
.tx-table .deposit{color:var(--green-bright)}
.tx-table .withdraw{color:#ff6666}
.tx-badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}
.tx-badge.completed{background:rgba(40,201,79,.15);color:var(--green-bright)}
.tx-badge.pending{background:rgba(255,180,0,.15);color:#ffb400}
.tx-badge.rejected{background:rgba(255,68,68,.15);color:#ff6666}
.tx-pending{background:rgba(255,180,0,.04)}
.tx-rejected{opacity:.7}
.card-title{color:var(--gold);margin-bottom:12px;font-size:16px}
.card-desc{color:var(--text-secondary);font-size:13px}
.form-msg{margin-top:8px;font-size:13px;min-height:20px}
.vip-bar{margin-top:12px;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}
.vip-bar div{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green-bright));width:0;transition:width .5s}
.page-header-user{display:flex;align-items:center;gap:12px;font-size:13px}
.stat-box.highlight{border-color:var(--gold);background:rgba(212,160,23,.08)}
.stat-box.highlight strong{color:var(--gold);font-size:26px}
.table-scroll{overflow-x:auto}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.promo-item{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}
.promo-item h4{color:var(--gold);margin-bottom:8px;font-size:18px}
.promo-item p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:12px}
.promo-tag{position:absolute;top:12px;right:12px;background:#ff4444;color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:10px}
.sports-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.sports-filters button{padding:8px 16px;border:1px solid var(--border-green);background:var(--bg-card);color:var(--text-secondary);border-radius:20px;font-size:12px;cursor:pointer}
.sports-filters button.active{background:var(--green-dark);color:var(--green-bright);border-color:var(--green-bright)}
.sports-live-table .sport-row{display:grid;grid-template-columns:100px 1fr 70px 70px 70px;gap:8px;padding:12px;border-bottom:1px solid var(--border-green);align-items:center;font-size:13px}
.sports-live-table .sport-row.header-row{color:var(--text-secondary);font-weight:700;font-size:11px}
.sports-live-table .odd{background:var(--green-dark);color:var(--green-bright);padding:8px;border-radius:6px;text-align:center;font-weight:700;cursor:pointer;transition:all .2s}
.sports-live-table .odd:hover{background:var(--green-bright);color:#000;transform:scale(1.05)}
.live-dot{color:#ff4444;font-weight:800;font-size:11px;margin-right:4px}
.aviator-game{max-width:600px;margin:0 auto;text-align:center}
.aviator-canvas-wrap{position:relative;height:280px;background:linear-gradient(180deg,#0a1628 0%,#1a2a1a 100%);border-radius:var(--radius-lg);border:2px solid var(--border-green);overflow:hidden;margin-bottom:16px}
.aviator-plane{position:absolute;bottom:20px;left:20px;font-size:48px;transition:transform .1s linear}
.aviator-mult{font-size:64px;font-weight:800;color:var(--green-neon);text-shadow:0 0 30px rgba(57,255,20,.5);margin:20px 0;font-family:var(--font-display)}
.aviator-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.aviator-controls input{width:120px;padding:12px;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-green);border-radius:var(--radius);color:#fff;font-size:16px}
.aviator-status{font-size:14px;color:var(--text-secondary);margin:8px 0}
.chart-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:16px 0}
.chart-bar{flex:1;background:linear-gradient(180deg,var(--green-bright),var(--green-dark));border-radius:4px 4px 0 0;min-height:4px;position:relative}
.chart-bar span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--text-secondary);white-space:nowrap}