.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 8px}.leaderboard-table th{background:var(--surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.leaderboard-table th:first-child,.leaderboard-table td:first-child{text-align:center;width:50px}.leaderboard-table th:nth-child(2),.leaderboard-table td:nth-child(2){text-overflow:ellipsis;min-width:140px;max-width:200px;overflow:hidden}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(6),.leaderboard-table th:nth-child(7),.leaderboard-table td:nth-child(7){text-align:center;width:80px}.leaderboard-table th:last-child,.leaderboard-table td:last-child{text-align:right;width:80px;padding-right:12px}.win-rate-value{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:2px;display:inline-flex}:root{--primary:#ff6b35;--primary-dark:#d4501e;--primary-light:#ff8f66;--background:#fff;--surface:#f5f5f5;--surface-hover:#ebebeb;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--success:#4caf50;--error:#f44336;--warning:#ff9800;--border:#e0e0e0;--shadow:0 4px 12px #0000001a;--shadow-hover:0 8px 24px #00000026;--radius:12px;--radius-sm:8px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--text-primary);color:#fff;z-index:101;scrollbar-width:none;width:260px;height:100vh;padding:24px 0;position:fixed;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 24px}.sidebar-logo h1{color:var(--primary);font-size:24px;font-weight:700}.sidebar-logo-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sidebar-switch{padding:0 12px 12px}.switch-btn{cursor:pointer;border:none;border-radius:6px;flex:1;width:100%;padding:6px 8px;font-size:12px;font-weight:600;transition:all .2s}.sidebar-switch .switch-btn.active{background:var(--primary);color:#fff}.sidebar-switch .switch-btn:not(.active){color:#fff9;background:0 0}.sidebar-switch .switch-btn:hover:not(.active){color:#fff;background:#ffffff1a}.sidebar-nav{padding:0 12px}.nav-item{border-radius:var(--radius-sm);color:#ffffffb3;transition:var(--transition);align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{background:var(--primary);color:#fff}.nav-item svg{width:20px;height:20px}.main-content{background:var(--surface);flex:1;min-height:100vh;margin-left:260px}.header{background:var(--background);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.header-title{font-size:24px;font-weight:600}.header-user{align-items:center;gap:12px;display:flex}.header-user-info{text-align:right}.header-user-name{font-weight:600}.header-user-role{color:var(--text-secondary);font-size:12px}.page-content{padding:32px}.card{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-hover)}.contact-card{border:1px solid #0000}.contact-card:hover{border-color:#ff6b3540;transform:translateY(-3px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{font-size:18px;font-weight:600}.btn{border-radius:var(--radius-sm);transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn svg{vertical-align:middle;flex-shrink:0}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#d32f2f}.btn-warning{color:#fff;background:#f59e0b}.btn-warning:hover{background:#d97706}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#16a34a}.btn-deposit{color:#fff;background:#22c55e}.btn-deposit:hover{background:#16a34a}.btn-withdraw{color:#fff;background:#ef4444}.btn-withdraw:hover{background:#dc2626}.btn-edit{color:#fff;background:#3b82f6}.btn-edit:hover{background:#2563eb}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:8px}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{margin-bottom:16px}.input-label{color:var(--text-primary);margin-bottom:6px;font-weight:500;display:block}.input-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:var(--background);padding:10px 14px;font-size:14px}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.input-field::placeholder{color:var(--text-muted)}.select-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:var(--background);cursor:pointer;padding:10px 14px;font-size:14px}.select-field:focus{border-color:var(--primary);outline:none}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 16px}.table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.table tr:hover{background:var(--surface)}.table-actions{gap:8px;display:flex}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#4caf501a}.badge-warning{color:var(--warning);background:#ff98001a}.badge-error{color:var(--error);background:#f443361a}.badge-primary{color:var(--primary);background:#ff6b351a}.badge-secondary{color:#334155;background:#64748b26}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--background);border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-close{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:16px;padding:24px;display:flex}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon.primary{color:var(--primary);background:#ff6b351a}.stat-icon.success{color:var(--success);background:#4caf501a}.stat-icon.warning{color:var(--warning);background:#ff98001a}.stat-info h3{font-size:28px;font-weight:700}.stat-info p{color:var(--text-secondary);font-size:14px}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}.empty-state svg{opacity:.5;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tournament-bracket{flex-direction:row;gap:24px;padding:20px;display:flex;overflow-x:auto}.bracket-round{flex-direction:column;gap:12px;min-width:180px;display:flex}.round-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:8px;font-size:14px;font-weight:600}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px}.match-player{justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.match-player.winner{color:var(--success);background:#4caf501a;border-radius:4px;padding:4px 8px;font-weight:600}.match-player:first-child{border-bottom:1px solid var(--border)}.match-vs{color:var(--text-muted);text-align:center;padding:2px 0;font-size:11px}.auth-page{background:linear-gradient(135deg, var(--text-primary) 0%, #2a2a2a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--background);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-hover);padding:40px}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo h1{color:var(--primary);font-size:28px}.auth-logo p{color:var(--text-secondary);margin-top:4px;font-size:14px}.auth-error{color:var(--error);border-radius:var(--radius-sm);background:#f443361a;margin-bottom:16px;padding:12px;font-size:14px}.otp-input-group{justify-content:center;gap:10px;display:flex}.otp-digit{text-align:center;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:48px;height:56px;color:var(--text);outline:none;font-size:24px;font-weight:700;transition:border-color .2s}.otp-digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.sidebar{width:80px}.sidebar-logo{text-align:center;padding:0 12px 16px}.sidebar-logo h1{letter-spacing:-.5px;margin-bottom:2px;font-size:18px}.sidebar-logo span{font-size:9px}.sidebar-switch{padding:0 8px 8px}.switch-btn{min-height:28px;line-height:1.2;padding:4px 6px!important;font-size:9px!important}.nav-item{justify-content:center;padding:12px 8px}.nav-item span{display:none}.main-content{margin-left:80px}.header{padding:12px 20px}.header-title{font-size:20px}.page-content{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.card{padding:16px}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:16px}.header{padding:12px 16px}.header-title{font-size:18px}.sidebar-switch{padding:0 4px 8px}.switch-btn{padding:3px 4px!important;font-size:8px!important}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px}.stat-icon{width:44px;height:44px}.stat-info h3{font-size:22px}.stat-info p{font-size:12px}.nav-item{padding:14px 10px}}