.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fffffff2;border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideIn .5s ease-out}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-transform:uppercase;letter-spacing:2px}.login-header p{color:#666;margin-top:10px;font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-button{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-button:disabled{opacity:.6;cursor:not-allowed}.signup-link{text-align:center;margin-top:15px}.signup-link p{color:#666;font-size:.95rem}.signup-link a{color:#667eea;text-decoration:none;font-weight:600}.signup-link a:hover{text-decoration:underline}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-card{background:#fffffff2;border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signup-header{text-align:center;margin-bottom:30px}.logo-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.gta-logo{width:60px;height:60px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 4px 15px #ff6b3566;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-transform:uppercase;letter-spacing:2px}.signup-header p{color:#666;margin-top:10px;font-size:1.1rem}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.info-box{background:#fff3cd;border-left:4px solid #ff9800;padding:12px;border-radius:8px}.info-box p{margin:0;color:#856404;font-size:.9rem;line-height:1.5}.signup-button{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.signup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.signup-button:disabled{opacity:.6;cursor:not-allowed}.login-link{text-align:center;margin-top:15px}.login-link p{color:#666;font-size:.95rem}.login-link a{color:#667eea;text-decoration:none;font-weight:600}.login-link a:hover{text-decoration:underline}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#999}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider span{padding:0 15px;font-size:.9rem}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.google-button:hover:not(:disabled){border-color:#4285f4;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 5px 15px #4285f433}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-button svg{color:#4285f4}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;border-left:4px solid #c33;font-size:.9rem}.navbar{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:0;box-shadow:0 4px 20px #667eea4d;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.2)}.navbar-content{max-width:1400px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.navbar-brand{cursor:pointer;transition:transform .2s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-logo{display:flex;align-items:center;gap:10px}.gta-logo-small{font-size:1.8rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navbar-brand h2{margin:0;font-size:1.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-transform:uppercase;letter-spacing:1px}.navbar-menu{display:flex;gap:10px;flex:1;justify-content:center}.navbar-menu button{background:transparent;border:2px solid transparent;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .3s ease}.navbar-menu button:hover{background:#ffffff1a;border-color:#fff3}.navbar-user{display:flex;align-items:center;gap:15px}.user-info{display:flex;align-items:center;gap:8px;font-size:.9rem}@media(max-width:768px){.notifications-dropdown{right:-20px;min-width:280px}}.logout-button{display:flex;align-items:center;gap:6px;background:#ff6b6b33;border:2px solid #ff6b6b;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.logout-button:hover{background:#ff6b6b;transform:translateY(-2px)}.notifications-widget{position:relative}.notifications-button{position:relative;background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notifications-button:hover{background:#ffffff1a;border-color:#ffffff4d}.notification-badge{position:absolute;top:-4px;right:-4px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid #1a1a2e}.dropdown-backdrop{position:fixed;inset:0;z-index:1000;background:transparent}.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.3);border-radius:12px;box-shadow:0 8px 32px #0006;min-width:320px;max-width:400px;max-height:500px;overflow:hidden;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.notifications-header h3{margin:0;color:#fff;font-size:1rem}.close-dropdown{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-dropdown:hover{background:#ffffff1a}.no-notifications{padding:2rem;text-align:center;color:#fff9}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .2s ease}.notification-item:hover{background:#ffffff0d}.notification-item:last-child{border-bottom:none}.notification-content{flex:1;color:#ffffffe6;font-size:.9rem;line-height:1.4}.notification-content strong{color:#fff}.notification-actions{display:flex;gap:.5rem}.btn-notification-accept,.btn-notification-reject{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-notification-accept{border-color:#4caf5080;color:#4caf50}.btn-notification-accept:hover{background:#4caf5033;border-color:#4caf50}.btn-notification-reject{border-color:#f4433680;color:#f44336}.btn-notification-reject:hover{background:#f4433633;border-color:#f44336}.btn-notification-accept:disabled,.btn-notification-reject:disabled{opacity:.5;cursor:not-allowed}.user-info.clickable{cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .3s ease}.user-info.clickable:hover{background:#ffffff1a}@media(max-width:768px){.navbar-content{flex-wrap:wrap}.navbar-menu{order:3;width:100%;justify-content:flex-start;margin-top:10px}.notifications-dropdown{right:-20px;min-width:280px}}.event-selector{padding:30px;max-width:1400px;margin:0 auto;background:transparent;animation:fadeIn .6s ease-out}.page-title{text-align:center;margin-bottom:40px;color:#333;font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px}.event-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;animation:fadeIn .5s ease-out;position:relative}.event-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;z-index:0}.event-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px #667eea66;border-color:#667eea80}.event-card:hover:before{opacity:1}.event-banner{width:100%;height:200px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}.event-overlay{background:#00000080;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.event-banner-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.event-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.event-info{padding:20px;flex:1;display:flex;flex-direction:column}.event-info h2{margin:0 0 10px;color:#333;font-size:1.5rem}.event-info p{color:#666;margin:0 0 15px;flex:1;line-height:1.5}.event-status{margin-top:auto}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.status-active{background:#4caf50;color:#fff}.status-draft{background:#ff9800;color:#fff}.status-finished{background:#9e9e9e;color:#fff}.no-events{text-align:center;padding:60px 20px;color:#666}.no-events svg{margin-bottom:20px;opacity:.5}@media(max-width:768px){.events-grid{grid-template-columns:1fr}}.user-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e,#16213e);background-attachment:fixed}.dashboard-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-header h1{margin:0 0 10px;font-size:2.5rem}.dashboard-header p{margin:0;font-size:1.2rem;opacity:.9}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:30px;max-width:1400px;margin:0 auto}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 32px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .5s ease-out}.stat-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #667eea66;border-color:#667eea80;background:#ffffff14}.stat-icon{width:50px;height:50px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 15px #667eea66;animation:pulse 2s ease-in-out infinite}.stat-info h3{margin:0 0 5px;font-size:2rem;color:#e0e0e0;text-shadow:0 2px 10px rgba(102,126,234,.5)}.stat-info p{margin:0;color:#b0b0b0;font-size:.9rem}.top-voted-section{max-width:1400px;margin:0 auto;padding:30px}.top-voted-section h2{color:#e0e0e0;margin-bottom:20px;font-size:1.8rem;text-align:center}.top-voted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.top-voted-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:15px;padding:20px;cursor:pointer;transition:all .3s ease}.top-voted-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea66;border-color:#667eea80}.top-voted-card h3{margin:0 0 15px;color:#e0e0e0;font-size:1.2rem}.top-voted-info{display:flex;flex-direction:column;gap:8px}.top-voted-name{color:#fff;font-weight:600;font-size:1.1rem}.top-voted-count{display:flex;align-items:center;gap:5px;color:#ff6b6b;font-size:.9rem}@media(max-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.top-voted-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{text-align:center;margin-bottom:20px}.alert-icon{color:#ff9800;margin-bottom:15px}.modal-body{margin-bottom:25px}.payment-message{font-size:1.2rem;color:#333;text-align:center;margin-bottom:15px;line-height:1.6}.payment-info{color:#666;text-align:center;font-size:.95rem;line-height:1.5}.modal-footer{display:flex;justify-content:center}.modal-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.bets-modal{max-width:800px;width:95%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.modal-header h2{margin:0;color:#333;font-size:1.8rem}.no-bets{text-align:center;padding:60px 20px;color:#999}.no-bets svg{margin-bottom:20px;opacity:.5}.bets-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-label{font-size:.85rem;color:#666;font-weight:600}.summary-value{font-size:1.5rem;font-weight:700;color:#333}.summary-value.potential{color:#28a745}.bets-list{display:flex;flex-direction:column;gap:20px}.participant-bets-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.participant-bets-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.participant-header{margin-bottom:15px}.participant-info{display:flex;align-items:center;gap:15px}.participant-photo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #667eea}.participant-photo-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;border:3px solid #667eea}.participant-info h3{margin:0 0 5px;color:#333;font-size:1.2rem}.odds-info{font-size:.9rem;color:#666;font-weight:600}.bets-details{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.bet-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f8f9fa;border-radius:8px}.bet-amount{display:flex;align-items:center;gap:6px;font-weight:600;color:#333;flex:1}.bet-status{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.bet-status.confirmed{background:#d4edda;color:#155724}.bet-status.pending{background:#fff3cd;color:#856404}.bet-potential{display:flex;align-items:center;gap:6px;color:#28a745;font-weight:600;font-size:.9rem}.participant-total{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px solid #e0e0e0;margin-top:10px}.participant-total strong{color:#333;font-size:1rem}.potential-winnings{color:#28a745;font-weight:700;font-size:1.1rem}.modal-actions{display:flex;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:2px solid #e0e0e0}.btn-close-modal{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close-modal:hover{background:#5a6268}.vote-bet-panel{padding:30px;max-width:1400px;margin:0 auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.vote-bet-panel h2{margin:0;color:#333;font-size:2rem}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-view-bets{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #28a7454d}.btn-view-bets:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-view-brackets{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #667eea4d}.btn-view-brackets:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;width:100%;box-sizing:border-box}.participant-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;gap:15px;overflow:hidden;box-sizing:border-box}.participant-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.participant-photo{width:100px;height:100px;margin:0 auto;border-radius:50%;overflow:hidden;border:4px solid #667eea}.participant-photo img{width:100%;height:100%;object-fit:cover}.participant-info{text-align:center}.participant-info h3{margin:0 0 10px;color:#333;font-size:1.3rem}.participant-stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:6px;color:#666;font-size:.9rem}.participant-actions{display:flex;flex-direction:column;gap:10px}.btn-vote,.btn-bet{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-vote{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-vote:hover{transform:translateY(-2px)}.permission-warning{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:12px;text-align:center;margin-bottom:10px}.permission-warning p{margin:0;color:#856404;font-size:.9rem;font-weight:600}.voted-message{background:#d4edda;border:2px solid #28a745;border-radius:8px;padding:12px;text-align:center;margin-bottom:10px}.voted-message p{margin:0;color:#155724;font-size:.9rem;font-weight:600}box-shadow: 0 5px 15px rgba(255,107,107,.3); } .btn-bet{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;white-space:nowrap;flex-shrink:0;min-width:fit-content}.btn-bet:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}.btn-bet:disabled{opacity:.5;cursor:not-allowed}.existing-bets-summary{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.btn-view-details{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-view-details:hover{background:#5568d3;transform:translateY(-1px)}.existing-bets-info{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.existing-bets-title{font-weight:600;margin-bottom:8px;color:#333;font-size:.9rem}.existing-bet-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e0e0e0;font-size:.85rem}.existing-bet-item:last-child{border-bottom:none}.bet-status{font-size:.8rem;padding:2px 8px;border-radius:4px;background:#fff3cd;color:#856404}.potential-winnings{color:#28a745;font-weight:600}.total-bet-info{margin-top:8px;padding-top:8px;border-top:2px solid #667eea;color:#333;font-size:.9rem}.bet-section{display:flex;gap:10px;flex-wrap:wrap;width:100%;align-items:stretch}.bet-input{flex:1;min-width:150px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;box-sizing:border-box}.bet-input:focus{outline:none;border-color:#667eea}.payout-info{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#fff3cd;border-radius:8px;color:#856404;font-size:.9rem;font-weight:600}.deadline-warning{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.deadline-warning.open{background:#d1ecf1;border:2px solid #0c5460;color:#0c5460}.deadline-warning.closed{background:#f8d7da;border:2px solid #721c24;color:#721c24}.deadline-warning p{margin:0;font-size:1rem}.brackets-section{margin-top:40px;padding:25px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.3);border-radius:15px;box-shadow:0 8px 32px #0003}.brackets-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:15px}.brackets-section-header h3{margin:0;color:#e0e0e0;font-size:1.5rem}.brackets-info{margin:0;color:#b0b0b0;font-size:1rem}.btn-view-brackets-inline{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px #667eea66}.btn-view-brackets-inline:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea80;background:linear-gradient(135deg,#764ba2,#667eea)}.brackets-preview{margin-top:20px;display:flex;flex-direction:column;gap:25px}.preview-round{margin-bottom:20px}.preview-round h4{color:#e0e0e0;margin-bottom:15px;font-size:1.2rem;padding:10px;background:#667eea33;border-radius:8px;text-align:center}.preview-matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.preview-match-card{background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:15px;transition:all .3s ease}.preview-match-card.has-winner{border-color:gold;background:#ffd7001a;box-shadow:0 4px 15px #ffd7004d}.preview-match-card:hover{border-color:#667eea99;transform:translateY(-2px);box-shadow:0 4px 15px #667eea33}.preview-match-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#667eea;margin-bottom:12px;font-size:.9rem}.preview-winner-badge{display:flex;align-items:center;gap:4px;background:gold;color:#333;padding:3px 8px;border-radius:8px;font-size:.75rem;font-weight:700}.preview-match-participants{display:flex;flex-direction:column;gap:10px}.preview-participant{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff0d;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.preview-participant.winner{background:#ffd70033;border-color:gold;font-weight:600}.preview-trophy{color:#ff9800;flex-shrink:0}.preview-match-status{margin-top:10px;text-align:center;color:#4caf50;font-weight:600;font-size:.85rem}.preview-participant-photo{width:35px;height:35px;border-radius:50%;overflow:hidden;border:2px solid rgba(102,126,234,.5);flex-shrink:0}.preview-participant-photo img{width:100%;height:100%;object-fit:cover}.preview-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.preview-participant-name{color:#e0e0e0;font-size:.9rem;font-weight:500}.permission-warning{background:#fff3cd;border-left:4px solid #ff9800;padding:12px;border-radius:8px;margin-bottom:10px}.permission-warning p{margin:0;color:#856404;font-size:.9rem;text-align:center}@media(max-width:768px){.participants-grid{grid-template-columns:1fr}}.bracket-viewer{padding:30px;max-width:1400px;margin:0 auto}.bracket-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap}.bracket-title-section{display:flex;flex-direction:column;gap:10px;flex:1}.bracket-viewer h2{margin:0;color:#333;font-size:2rem}.preview-badge{display:inline-block;padding:6px 12px;background:#fff3cd;color:#856404;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid #ffc107}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#28a745;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-refresh:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-back:hover{background:#5a6268;transform:translate(-3px)}.bracket-viewer{padding:20px;max-width:1600px;margin:0 auto}.bracket-rounds-container{display:flex;gap:30px;overflow-x:auto;padding:20px 0;justify-content:flex-start;align-items:flex-start}.bracket-round{flex-shrink:0;min-width:320px;position:relative}.bracket-round h3{color:#fff;margin-bottom:20px;font-size:1.3rem;text-align:center;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #667eea4d}.matches-container{display:flex;flex-direction:column;gap:15px;align-items:stretch}.match-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;width:100%}.match-card.group-match{border-color:#ff9800;background:#fff8e1}.match-card.final-match{border-color:gold;background:#fffde7;border-width:3px;box-shadow:0 6px 20px #ffd7004d}.participant.placeholder{opacity:.6;font-style:italic}.match-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:600;color:#333}.winner-badge{display:flex;align-items:center;gap:6px;background:gold;color:#333;padding:4px 12px;border-radius:12px;font-size:.85rem}.match-participants{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.participant{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f5f5f5;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.participant.winner{background:linear-gradient(135deg,gold,#ffed4e);border-color:#ff9800;font-weight:600;box-shadow:0 4px 12px #ffd70066;animation:pulse-glow 2s ease-in-out infinite}.participant.eliminated{opacity:.5;background:#e0e0e0;text-decoration:line-through}.participant-info-row{display:flex;align-items:center;gap:10px;flex:1}.participant-photo-bracket{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.participant-photo-placeholder-bracket{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;border:2px solid #667eea}.participant-name{flex:1;font-size:1rem}.winner-indicator{display:flex;align-items:center;gap:6px;color:#ff9800;font-weight:700;font-size:.9rem;margin-top:5px}.eliminated-indicator{color:#dc3545;font-size:.85rem;font-weight:600;margin-top:5px}.trophy-icon{color:#ff9800}.trophy-icon-small{color:#ff9800;margin-right:5px}.participant.placeholder.has-winner{background:#fff8e1;border-color:#ffc107}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #ffd70066}50%{box-shadow:0 4px 20px #ffd700b3}}.match-status{padding:8px 12px;border-radius:12px;font-size:.9rem;font-weight:600;text-align:center;margin-top:10px}.status-completed{display:flex;align-items:center;justify-content:center;gap:6px;background:#4caf50;color:#fff;padding:6px 12px;border-radius:8px}.status-pending{display:inline-block;background:#ff9800;color:#fff;padding:6px 12px;border-radius:8px}.no-brackets svg{margin-bottom:20px;opacity:.5}@media(max-width:768px){.bracket-rounds-container{flex-direction:column}.bracket-round{min-width:100%}}.winners-page{padding:30px;max-width:1400px;margin:0 auto}.page-header{text-align:center;margin-bottom:30px}.page-header h1{display:flex;align-items:center;justify-content:center;gap:15px;color:#e0e0e0;font-size:2.5rem}.event-filter{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.event-filter button{padding:10px 20px;border:2px solid rgba(102,126,234,.3);background:#ffffff1a;color:#e0e0e0;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.95rem}.event-filter button:hover{border-color:#667eea99;transform:translateY(-2px);background:#667eea33}.event-filter button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.winners-content{display:flex;flex-direction:column;gap:40px;margin-top:30px}.winners-section{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(102,126,234,.2)}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(102,126,234,.3)}.section-header h2{margin:0;color:#e0e0e0;font-size:1.8rem}.section-icon{color:gold}.winners-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.winner-card{background:#ffffff1a;border-radius:12px;padding:20px;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid rgba(102,126,234,.3)}.winner-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea4d;border-color:#667eea99}.winner-card-gold{background:linear-gradient(135deg,#ffd70026,#ffc1071a);border-color:#ffd70066}.winner-card-gold:hover{border-color:#ffd700b3;box-shadow:0 8px 20px #ffd7004d}.winner-rank{min-width:60px;display:flex;align-items:center;justify-content:center}.winner-rank .gold{color:gold}.winner-rank .silver{color:silver}.winner-rank .bronze{color:#cd7f32}.rank-number{font-size:1.5rem;font-weight:700;color:#999}.winner-info{display:flex;align-items:center;gap:20px;flex:1}.winner-photo{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #667eea;flex-shrink:0}.winner-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.winner-details{flex:1}.winner-details h3{margin:0 0 10px;color:#e0e0e0;font-size:1.3rem}.winner-stats{display:flex;align-items:center;gap:8px;color:gold;font-weight:600;margin-bottom:10px}.winner-event-info{display:flex;align-items:center;gap:8px;margin-top:8px;color:#b0b0b0;font-size:.95rem}.event-icon{font-size:1.2rem}.event-name{font-weight:500;color:#e0e0e0}.badges-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.badge-item{background:#fff3cd33;color:gold;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,215,0,.3)}.no-data{text-align:center;padding:60px 20px;color:#999}.no-data svg{opacity:.5;margin-bottom:20px}.no-data-subtitle{font-size:.9rem;color:#666;margin-top:10px}.loading{text-align:center;padding:50px;font-size:1.2rem;color:#999}@media(max-width:768px){.winners-content{gap:30px}.winners-section{padding:20px}.winners-list{grid-template-columns:1fr}.winner-card{flex-direction:column;text-align:center}.winner-info{flex-direction:column}}.profile-page{padding:30px;max-width:1200px;margin:0 auto}.profile-header{display:flex;gap:30px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:15px}.profile-photo{width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid #667eea}.profile-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem;font-weight:700}.upload-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.upload-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.profile-info{flex:1}.profile-info h1{margin:0 0 10px;color:#333;font-size:2.5rem;display:flex;align-items:center;gap:10px}.btn-edit-profile{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.btn-edit-profile:hover{background:#667eea33;transform:scale(1.05)}.edit-profile-form{margin-top:15px;padding:15px;background:#0000000d;border-radius:8px}.edit-profile-form .form-group{margin-bottom:15px}.edit-profile-form label{display:block;margin-bottom:5px;color:#333;font-size:.9rem;font-weight:600}.edit-profile-form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:1rem}.edit-profile-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edit-actions{display:flex;gap:10px;margin-top:15px}.btn-save-profile,.btn-cancel-profile{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:5px;transition:all .3s ease}.btn-save-profile{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save-profile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-cancel-profile{background:#f5f5f5;color:#666;border:1px solid #ddd}.btn-cancel-profile:hover{background:#e0e0e0}.full-name{color:#666;font-size:1.1rem;margin:5px 0}.user-type{display:inline-block;padding:6px 16px;background:#667eea;color:#fff;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:10px}.email{color:#666;font-size:1rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 6px #0000001a}.stat-card svg{color:#667eea}.stat-card h3{margin:0 0 5px;font-size:2rem;color:#333}.stat-card p{margin:0;color:#666;font-size:.9rem}.badges-section,.history-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.badges-section h2,.history-section h2{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#333;font-size:1.8rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.badge-card{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-radius:15px;padding:20px;text-align:center;border:2px solid #ffd700}.badge-icon-large{font-size:4rem;margin-bottom:10px}.badge-card h3{margin:0 0 10px;color:#333;font-size:1.1rem}.badge-card p{margin:5px 0;color:#666;font-size:.9rem}.badge-date{color:#856404;font-weight:600}.bets-list{display:flex;flex-direction:column;gap:15px}.bet-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f5f5f5;border-radius:10px}.bet-info{display:flex;align-items:center;gap:15px}.bet-amount{font-size:1.2rem;font-weight:600;color:#333}.bet-status{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.bet-status.pending{background:#ff9800;color:#fff}.bet-status.confirmed{background:#4caf50;color:#fff}.bet-status.paid_out{background:#2196f3;color:#fff}.bet-date{color:#666;font-size:.9rem}.no-data{text-align:center;color:#666;padding:40px}.loading,.error{text-align:center;padding:50px;font-size:1.2rem;color:#666}@media(max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-stats,.badges-grid{grid-template-columns:1fr}}.team-management{padding:30px;max-width:1400px;margin:0 auto}.btn-create-team{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-create-team:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.invitations-section{margin-bottom:40px}.invitations-section h2{color:#333;margin-bottom:20px}.invitations-list{display:flex;flex-direction:column;gap:15px}.invitation-card{background:#fff;border:2px solid #667eea;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.invitation-info{display:flex;align-items:center;gap:12px;flex:1;color:#333}.invitation-actions{display:flex;gap:10px}.btn-accept{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-accept:hover{background:#218838;transform:translateY(-2px)}.btn-reject{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-reject:hover{background:#c82333;transform:translateY(-2px)}.teams-section h2{color:#333;margin-bottom:20px}.no-teams{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;color:#666}.no-teams svg{margin-bottom:20px;opacity:.5}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.team-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.team-header h3{margin:0;color:#333;font-size:1.3rem}.btn-delete-team{background:transparent;border:none;color:#dc3545;cursor:pointer;padding:5px;border-radius:5px;transition:all .3s ease}.btn-delete-team:hover{background:#f8d7da}.team-status{margin-bottom:15px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.team-members h4{color:#666;font-size:.9rem;margin-bottom:10px}.members-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.member-item{display:flex;align-items:center;gap:10px}.member-photo{width:35px;height:35px;border-radius:50%;overflow:hidden;border:2px solid #667eea;flex-shrink:0}.member-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.btn-invite{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-invite:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:15px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.btn-close{background:transparent;border:none;cursor:pointer;color:#666;padding:5px;border-radius:5px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-group input[type=text]{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.search-input{margin-bottom:15px}.users-list{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:10px}.checkbox-label{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:5px;transition:background .2s ease}.checkbox-label:hover{background:#f8f9fa}.user-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #e0e0e0}.user-item:last-child{border-bottom:none}.user-info{display:flex;align-items:center;gap:10px}.btn-invite-user{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-invite-user:hover{background:#5568d3}.selected-members{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.selected-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea;color:#fff;border-radius:20px;font-size:.9rem}.remove-tag{background:transparent;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.user-management{padding:30px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{margin:0;color:#333;font-size:2rem}.btn-add{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.search-bar{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.search-bar input{flex:1;border:none;outline:none;font-size:1rem}.users-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table th{padding:15px;text-align:left;font-weight:600}.users-table td{padding:15px;border-bottom:1px solid #e0e0e0}.users-table tbody tr:hover{background:#f5f5f5}.badge-solo_visualizar{background:#9e9e9e;color:#fff}.badge-no_participa{background:#e0e0e0;color:#666}.badge-participante{background:#4caf50;color:#fff}.badge-votante_apostador{background:#2196f3;color:#fff}.badge-admin{background:#ff9800;color:#fff}.toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.toggle-btn.enabled{background:#4caf50;color:#fff}.toggle-btn.disabled{background:#f44336;color:#fff}.actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-top:0;margin-bottom:20px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.password-input-group{display:flex;gap:10px}.password-input-group input{flex:1}.btn-generate{padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.participants-modal-large{max-width:1400px;width:95%;max-height:90vh}.participants-modal-content{display:grid;grid-template-columns:1fr 350px;gap:20px;padding:20px 0}@media(max-width:1200px){.participants-modal-content{grid-template-columns:1fr}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;color:#333}.btn-close{background:transparent;border:none;cursor:pointer;color:#666;padding:5px;border-radius:5px;transition:background .2s ease}.btn-close:hover{background:#f0f0f0}.available-teams-section h3,.teams-view h3,.available-users-section h3{color:#333;margin-bottom:15px;font-size:1.2rem}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px}.available-team-card{background:#fff;border:2px solid #667eea;border-radius:12px;padding:15px;text-align:center}.available-team-card h4{margin:0 0 10px;color:#333}.team-members-preview{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:10px;font-size:.85rem;color:#666}.member-tag{background:#f0f0f0;padding:4px 8px;border-radius:12px}.btn-add-team{width:100%;padding:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-team:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-add-team-small{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-team-small:hover{background:#5568d3}.teams-container-scroll{max-height:450px;overflow-y:auto;margin-bottom:20px;padding:5px}.teams-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;padding:10px}.team-drop-zone{background:#fff;border:3px dashed #e0e0e0;border-radius:12px;padding:15px;min-height:150px;max-height:300px;overflow-y:auto;transition:all .3s ease}.team-drop-zone.dragging-over{border-color:#667eea;background:#f0f4ff}.team-drop-zone.complete{border-color:#28a745;border-style:solid}.team-drop-zone.incomplete{border-color:#ffc107}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.team-header h4{margin:0;color:#333;font-size:1.1rem}.btn-remove-team{background:transparent;border:none;color:#dc3545;cursor:pointer;padding:5px;border-radius:5px;transition:background .2s ease}.btn-remove-team:hover{background:#f8d7da}.team-members-drop{display:flex;flex-direction:column;gap:10px;min-height:100px}.draggable-member{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 15px;border-radius:8px;font-weight:600;cursor:grab;transition:all .2s ease}.draggable-member:hover{transform:scale(1.05)}.draggable-member.dragging{opacity:.5;cursor:grabbing}.drop-hint{text-align:center;color:#999;font-size:.85rem;font-style:italic;padding:10px;border:2px dashed #e0e0e0;border-radius:8px}.remove-zone{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:#f8d7da;border:3px dashed #dc3545;border-radius:12px;color:#721c24;font-weight:600;min-height:80px}.individual-view h3{color:#333;margin-bottom:15px}.participants-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:15px;background:#fff}.search-box input{flex:1;border:none;outline:none;font-size:1rem}.search-box svg{color:#666}.users-list-droppable{max-height:500px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;background:#f8f9fa}.draggable-user{background:#fff;border:2px solid #e0e0e0;padding:12px 15px;border-radius:8px;cursor:grab;transition:all .2s ease;font-weight:500}.draggable-user:hover{border-color:#667eea;background:#f0f4ff;transform:translate(5px)}.draggable-user.dragging{opacity:.5;cursor:grabbing}.users-list-checkbox{max-height:400px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:8px;padding:10px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:5px;transition:background .2s ease}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.btn-save{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#5a6268}.loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}.event-management{padding:30px;max-width:1400px;margin:0 auto}.events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.event-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:default}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.event-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:10}.event-banner{width:100%;height:150px;background-size:cover;background-position:center}.event-content{padding:20px}.event-content h3{margin:0 0 10px;color:#333;font-size:1.3rem}.event-content p{color:#666;margin:0 0 15px}.event-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.badge-type{background:#2196f3;color:#fff}.badge-status{background:#4caf50;color:#fff}.badge-commission{background:#ff9800;color:#fff}.badge-pot{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:700}.event-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-participants{background:#9c27b0;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .3s ease}.btn-participants:hover{background:#7b1fa2;transform:translateY(-2px)}.btn-brackets{background:#9c27b0;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .3s ease}.btn-brackets:hover{background:#7b1fa2;transform:translateY(-2px)}.btn-winner{background:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .3s ease}.btn-winner:hover{background:#f57c00;transform:translateY(-2px)}.participants-management{padding:20px 0}.current-participants-section{margin-bottom:20px}.current-participants-section h3{margin-bottom:15px;color:#333}.participants-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.participant-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.no-participants{color:#999;font-style:italic;padding:20px;text-align:center}.btn-add-participants{background:#9c27b0;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem;transition:all .3s ease;margin-top:10px}.btn-add-participants:hover{background:#7b1fa2;transform:translateY(-2px)}.modal-content.large{max-width:700px;max-height:90vh;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group textarea{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical}.form-group textarea:focus{outline:none;border-color:#667eea}.banner-input-group{display:flex;flex-direction:column;gap:15px}.banner-url-input{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.banner-url-input:focus{outline:none;border-color:#667eea}.or-divider{text-align:center;color:#666;font-weight:600;position:relative}.or-divider:before,.or-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e0e0e0}.or-divider:before{left:0}.or-divider:after{right:0}.file-upload{display:flex;flex-direction:column;gap:10px}.file-upload input[type=file]{padding:8px;border:2px solid #e0e0e0;border-radius:8px}.banner-preview{margin-top:15px;border-radius:8px;overflow:hidden;max-width:300px}.banner-preview img{width:100%;height:auto;display:block}.help-text{margin-top:10px;color:#666;font-size:.85rem;font-style:italic}.file-name{color:#666;font-size:.9rem}.participants-selector{max-height:200px;overflow-y:auto;border:2px solid #e0e0e0;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px}.checkbox-label:hover{background:#f5f5f5}@media(max-width:768px){.form-row,.events-list{grid-template-columns:1fr}}.bet-confirmation{padding:2rem;max-width:1400px;margin:0 auto}.bet-confirmation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.bet-confirmation-header h1{margin:0;color:#e0e0e0}.header-stats{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:8px;color:#e0e0e0;font-weight:500}.stat-item.pot-total{background:linear-gradient(135deg,#4caf5033,#388e3c33);border:1px solid rgba(76,175,80,.3);color:#4caf50;font-size:1.1rem;font-weight:600}.header-info{display:flex;align-items:center;gap:.5rem;color:#e0e0e0}.event-pots-summary{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.event-pots-summary h2{margin:0 0 1rem;color:#e0e0e0;font-size:1.3rem}.pots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.pot-card{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.pot-card:hover{background:#ffffff14;transform:translateY(-2px)}.pot-card h3{margin:0 0 .5rem;color:#e0e0e0;font-size:.9rem;font-weight:500;opacity:.8}.pot-amount{font-size:1.5rem;font-weight:700;color:#4caf50;margin:.5rem 0}.pot-count{font-size:.85rem;color:#b0b0b0;opacity:.7}.no-bets{text-align:center;padding:4rem 2rem;color:#b0b0b0}.no-bets svg{color:#4caf50;margin-bottom:1rem}.bets-table-container{overflow-x:auto;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.bets-table{width:100%;border-collapse:collapse}.bets-table thead{background:#ffffff0d}.bets-table th{padding:1rem;text-align:left;color:#e0e0e0;font-weight:600;border-bottom:2px solid rgba(255,255,255,.1)}.bets-table td{padding:1rem;color:#b0b0b0;border-bottom:1px solid rgba(255,255,255,.05)}.bets-table tbody tr:hover{background:#ffffff08}.amount-cell{display:flex;align-items:center;gap:.5rem;color:#4caf50;font-weight:600}.btn-confirm{padding:.5rem 1rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.btn-confirm:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.loading{text-align:center;padding:4rem;color:#b0b0b0}@media(max-width:768px){.bet-confirmation{padding:1rem}.bet-confirmation-header{flex-direction:column;align-items:flex-start}.header-stats{width:100%;flex-direction:column;gap:.5rem}.stat-item{width:100%;justify-content:center}.pots-grid{grid-template-columns:1fr}.bets-table{font-size:.9rem}.bets-table th,.bets-table td{padding:.75rem .5rem}}.bracket-editor{padding:30px;max-width:1400px;margin:0 auto}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.editor-header h2{margin:0;color:#333;font-size:2rem}.editor-actions{display:flex;gap:10px}.btn-generate,.btn-save{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-save{background:#4caf50;color:#fff}.btn-save:hover{background:#45a049;transform:translateY(-2px)}.round-selector{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.round-selector label{font-weight:600;color:#333}.round-selector select{padding:8px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;cursor:pointer}.brackets-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.match-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;min-height:200px;transition:all .3s ease}.match-container.completed{border:2px solid #4caf50;background:#f1f8f4}.match-header-editor{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.match-container h3{margin:0;color:#333;font-size:1.2rem}.completed-badge{display:flex;align-items:center;gap:6px;background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.match-participants-editor{display:flex;flex-direction:column;gap:10px}.participant-item-editor{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f5f5f5;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.participant-item-editor.selectable{cursor:pointer;border-color:#667eea}.participant-item-editor.selectable:hover{background:#e3f2fd;transform:translate(5px);box-shadow:0 2px 8px #667eea33}.participant-item-editor.winner{background:linear-gradient(135deg,gold,#ffed4e);border-color:#ff9800;font-weight:600}.participant-info-editor{display:flex;align-items:center;gap:10px;flex:1}.participant-photo-small{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.participant-photo-placeholder-small{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;border:2px solid #667eea}.btn-select-winner{background:#667eea;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-select-winner:hover{background:#5568d3;transform:scale(1.1)}.trophy-icon-editor{color:#ff9800}.match-hint{margin-top:10px;padding:8px;background:#fff3cd;border-radius:6px;font-size:.85rem;color:#856404;text-align:center;font-style:italic}.no-brackets{text-align:center;padding:60px 20px;color:#666}.no-brackets button{margin-top:20px}.loading{text-align:center;padding:50px;font-size:1.2rem;color:#666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;color:#e0e0e0;transition:background .3s ease}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;color:#e0e0e0;background:#0f0f1e}.app{min-height:100vh;background:#0f0f1e}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}button,.card,.event-card,.participant-card{transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.highlight-glow{position:relative}.highlight-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.highlight-glow:hover:before{opacity:.3;animation:glow 2s ease infinite}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}