:root{--bg:#050505;--card:#121212;--border:#2a2a2a;--accent:#b8862d;--purple:#008b96;--grad:linear-gradient(135deg, var(--purple) 0%, var(--accent) 100%)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} body{margin:0;font-family:'Segoe UI',sans-serif;background:var(--bg);color:#fff;font-size:15px}
.auth-header{background-color:var(--card);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)} .auth-logo{text-align:center;flex-grow:1;} .lang-icon{display:flex;align-items:center;gap:5px;font-size:12px;color:#8b949e}
.auth-content{padding:20px;max-width:500px;margin:0 auto} .auth-content h2{font-size:1.2em;font-weight:bold;margin:10px 0;color:#fff} .auth-subtitle{color:#8b949e;font-size:.9em;margin-bottom:25px} .auth-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:25px} .auth-tab{flex:1;text-align:center;padding:12px;color:var(--accent);font-weight:bold;position:relative;font-size:14px} .auth-tab::after{content:'';position:absolute;bottom:-1px;left:calc(50% - 25px);width:50px;height:3px;background:var(--grad)}
.input-group-z{background-color:#1a1f26;display:flex;align-items:center;border-radius:8px;border:1px solid var(--border);margin-bottom:15px} .input-group-z span.icon{padding:15px;font-size:1.1em;color:var(--purple)} .input-group-z input{flex-grow:1;padding:15px 15px 15px 0;background:transparent;border:none;color:#fff;font-size:14px;outline:none} .toggle-password{cursor:pointer;color:#8b949e!important} .auth-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:13px;color:#8b949e} .auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer} .z-checkbox{width:18px;height:18px;border:2px solid #555;border-radius:50%;display:flex;justify-content:center;align-items:center} .z-checkbox.checked::after{content:'';width:10px;height:10px;background:var(--grad);border-radius:50%}
.auth-btn-main{width:100%;background:var(--grad);color:#fff;padding:15px;border:none;border-radius:25px;font-weight:bold;font-size:16px;cursor:pointer;margin-bottom:15px;transition:.3s;text-shadow:0 1px 2px rgba(0,0,0,0.5)} .auth-btn-main:disabled{background:#30363d;color:#8b949e;cursor:not-allowed;text-shadow:none} .auth-btn-outline{width:100%;background:transparent;color:var(--accent);padding:14px;border:1px solid var(--purple);border-radius:25px;font-weight:bold;font-size:16px;cursor:pointer;text-align:center;display:block;text-decoration:none}
.auth-footer{display:flex;justify-content:space-around;margin-top:40px} .auth-footer a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#8b949e;text-decoration:none;font-size:12px} .auth-footer i{font-size:24px;color:var(--purple)} .header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:var(--card);border-bottom:1px solid var(--border)} .header-left{display:flex;align-items:center;gap:10px} .live-indicator{background:#ff4757;color:#fff;font-size:14px;font-weight:900;display:none;align-items:center;gap:6px;padding:4px 10px;border-radius:6px} .dot{height:10px;width:10px;background-color:#ffffff;border-radius:50%;display:inline-block;animation:blink 1s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}} .btn-style{background:transparent;color:var(--accent);border:none;cursor:pointer;font-size:20px;font-weight:bold;display:flex;align-items:center;gap:5px;padding-left:0} .container{padding:12px;max-width:500px;margin:0 auto;padding-bottom:80px} @keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}} .view-section{display:none;animation:fadeIn .35s ease-out} .active-view{display:block!important}
.page-title{font-size:18px;font-weight:bold;margin-bottom:15px;color:#8b949e;text-align:center;margin-top:10px;text-transform:uppercase} 

/* -- SPACING FIXES START -- */
.session-cards-container{display:flex;flex-direction:column;gap:8px;margin-bottom:15px} 
.session-card{background:#12161b;border:1px solid var(--border);border-radius:12px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:85px;} 
.gold-balance-card{background:var(--grad);border-radius:12px;padding:15px;margin-bottom:15px;margin-top:5px;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;overflow:hidden}
/* -- SPACING FIXES END -- */

.session-title{font-size:18px;font-weight:900;color:#fff;text-transform:uppercase} .session-subtitle{font-size:12px;color:#8b949e;display:block;margin-top:3px} .session-icon{font-size:28px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .session-lock{font-size:24px;color:#ff4757;opacity:.8} 
.bal-label{font-size:14px;font-weight:bold;margin-bottom:5px;color:rgba(255,255,255,.8)} .bal-amount{font-size:32px;font-weight:900;margin:0} .live-card{background:#0b111a;border:2px solid var(--purple);border-radius:12px;padding:20px 15px;text-align:center;margin-bottom:20px} .box-top-title{color:#fff;font-size:16px;font-weight:900;margin-bottom:25px;display:inline-block;background:#1e242d;padding:6px 15px;border-radius:8px;border:1px solid var(--border)} .live-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px} .live-col{flex:1;display:flex;flex-direction:column;gap:10px;align-items:center} .live-label{font-size:12px;color:#8b949e;text-transform:uppercase} .live-val{font-size:24px;font-family:monospace;color:#fff;font-weight:bold} .BIG,.SMALL{display:inline-block;width:75px;height:32px;line-height:32px;text-align:center;border-radius:4px;font-size:16px;font-weight:bold;color:#fff} .BIG{background:#df8c38} .SMALL{background:#5188ce} .pred-box.WAIT{background:#21262d;width:75px;height:32px;line-height:32px;font-size:16px;display:inline-block;text-align:center;border-radius:4px}
.table-container{background:var(--card);border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid var(--border)} table{width:100%;border-collapse:collapse;font-size:14px} th{background:#21262d;color:#8b949e;padding:12px 8px} td{padding:12px 8px;text-align:center;border-bottom:1px solid var(--border)} .res-win{color:#00ff88;font-weight:bold} .res-loss{color:#ff4757;font-weight:bold} .slider-controls{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background:var(--card);border:1px solid var(--border);border-radius:30px;width:max-content;margin:0 auto;gap:20px} .slider-btn{background:transparent;border:none;color:var(--accent);font-size:20px;cursor:pointer} .bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:10px 0;z-index:1000} .nav-item{display:flex;flex-direction:column;align-items:center;color:#8b949e;font-size:12px;font-weight:bold;cursor:pointer;transition:.3s} .nav-item i{font-size:22px;margin-bottom:4px;transition:0.3s;} .nav-item.active{color:var(--purple);text-shadow:0 0 10px rgba(0,139,150,0.4);transform:translateY(-2px);} .nav-item.active i{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.info-card{background:#12161b;border:1px solid var(--border);border-radius:16px;padding:25px 20px;text-align:center;margin-bottom:20px} .ref-box{background:#000;padding:15px;border-radius:8px;font-family:monospace;font-size:18px;color:var(--accent);margin:15px 0;word-break:break-all;border:1px solid var(--border)} .modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:9999;justify-content:center;align-items:center;padding:20px} .modal-box{background:#161b22;width:100%;max-width:400px;border-radius:16px;border:2px solid var(--purple);padding:25px 20px;text-align:center;position:relative} .close-btn{position:absolute;top:15px;right:20px;color:#8b949e;cursor:pointer;font-size:20px} .plan-box{display:none;background:#0d1117;border:1px solid #30363d;border-radius:10px;padding:15px;margin-bottom:12px} .plan-price-btn{flex:1;text-align:center;color:var(--accent);font-weight:bold;background:rgba(184,134,45,.1);padding:8px 5px;border-radius:6px;font-size:13px;border:1px solid var(--accent);cursor:pointer} .bdg-tabs{display:flex;gap:10px;margin-bottom:20px} .bdg-tab{flex:1;background:#1a1f26;border-radius:8px;padding:15px 5px;text-align:center;color:#8b949e;cursor:pointer;border:1px solid transparent;font-size:14px;font-weight:bold;transition:.2s} .bdg-tab.active{background:var(--grad);border:1px solid var(--accent);color:#fff}
.bdg-add-address{border:2px dashed #4b5563;background:rgba(255,255,255,.02);border-radius:12px;padding:25px;text-align:center;color:#8b949e;cursor:pointer;margin-bottom:10px;transition:.3s} .bdg-add-address i{font-size:32px;margin-bottom:8px;color:#6b7280} .bdg-bound-address{background:#1a1f26;border:1px solid var(--purple);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;box-shadow:0 4px 6px rgba(0,0,0,.3);cursor:pointer} .bdg-input-wrapper{display:flex;align-items:center;background:#161b22;border-radius:8px;padding:12px 15px;margin-bottom:15px;border:1px solid #30363d} .bdg-input-wrapper span.prefix{color:#8b949e;margin-right:15px;font-size:16px;font-weight:bold;width:22px;text-align:center;display:flex;justify-content:center} .bdg-input-wrapper input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none} .full-page-header{display:flex;align-items:center;padding:15px;background:#161b22;border-bottom:1px solid #30363d;position:sticky;top:0;z-index:10} .full-page-header i{font-size:20px;color:#fff;margin-right:15px;cursor:pointer} .full-page-header h2{margin:0;font-size:18px;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;} .bdg-form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:bold;margin-bottom:10px;margin-top:20px}
.avatar-container{position:relative;width:70px;height:70px;cursor:pointer} .avatar-img{width:100%;height:100%;border-radius:50%;border:2px solid var(--purple);background:#30363d;object-fit:cover} .avatar-edit-badge{position:absolute;bottom:0;right:0;background:var(--accent);color:#000;width:22px;height:22px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:10px;border:2px solid #161b22;cursor:pointer} .avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;max-height:60vh;overflow-y:auto;padding-right:5px} .avatar-item{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.2s;background:#30363d;object-fit:cover} .avatar-item:hover,.avatar-item.selected{border-color:var(--purple);transform:scale(1.05)} .dp-select{background:#161b22;color:#fff;border:1px solid #30363d;padding:12px;font-size:16px;outline:none;border-radius:8px;width:30%;text-align:center;appearance:none} .switch{position:relative;display:inline-block;width:44px;height:24px} .switch input{opacity:0;width:0;height:0} .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ff4757;transition:.4s} .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s} input:checked+.slider{background-color:#00ff88} input:checked+.slider:before{transform:translateX(20px)} .slider.round{border-radius:34px} .slider.round:before{border-radius:50%}
.vz-logo-wrapper { display: flex; align-items: center; justify-content: center; gap: 10px; } .vz-logo-text { font-family: 'Arial Black', Impact, sans-serif; font-size: 28px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; } .vz-text-cyan { background: linear-gradient(to bottom, #00f3ff, #008b96); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 2px 4px rgba(0,0,0,0.4); } .vz-text-gold { background: linear-gradient(to bottom, #ffdf00, #b8862d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 2px 4px rgba(0,0,0,0.4); }
.inv-ticket { background: #22272e; border-radius: 12px; margin-bottom: 20px; position: relative; border: 1px solid #30363d; box-shadow: 0 4px 6px rgba(0,0,0,0.3); } .inv-ticket-top { padding: 40px 15px 15px 15px; position: relative; border-bottom: 2px dashed #4b5563; } .inv-ticket::before, .inv-ticket::after { content: ''; position: absolute; top: calc(100% - 10px); width: 20px; height: 20px; background: var(--bg); border-radius: 50%; z-index: 1; } .inv-ticket-top::before { left: -10px; border-right: 1px solid #30363d; } .inv-ticket-top::after { right: -10px; border-left: 1px solid #30363d; } .inv-badge { background: #00c657; color: #fff; padding: 6px 15px; border-radius: 12px 0 20px 0; position: absolute; left: 0; top: 0; font-weight: bold; font-size: 13px; display: flex; align-items: center; gap: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } .inv-row { display: flex; justify-content: space-between; background: rgba(255,255,255,0.03); padding: 12px; margin-bottom: 8px; border-radius: 6px; color: #8b949e; font-size: 13px; border: 1px solid rgba(255,255,255,0.05); } .inv-val { color: #fff; font-weight: bold; font-family: monospace; font-size: 14px; } .inv-progress-container { display: flex; padding: 15px 0; } .inv-progress-box { flex: 1; text-align: center; border-right: 1px solid #4b5563; } .inv-progress-box:last-child { border: none; } .inv-btn-unfinished { background: #30363d; color: #8b949e; width: 100%; border: none; padding: 14px; border-radius: 30px; font-weight: bold; font-size: 15px; } .inv-btn-active { background: linear-gradient(135deg, #00c657 0%, #008b96 100%); color: #fff; width: 100%; border: none; padding: 14px; border-radius: 30px; font-weight: bold; font-size: 15px; cursor: pointer; box-shadow: 0 4px 10px rgba(0, 198, 87, 0.4); text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .inv-btn-received { background: transparent; border: 1px solid #4b5563; color: #8b949e; width: 100%; padding: 14px; border-radius: 30px; font-weight: bold; font-size: 15px; }
#sidebar-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10001; }
#side-menu-bar { position:fixed; top:0; right:-280px; width:280px; height:100vh; background:#161b22; transition:right 0.3s ease; box-shadow:-5px 0 15px rgba(0,0,0,0.5); z-index:10002; padding:20px 0; border-left:1px solid #30363d; }