*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1324;--color-surface:#1a1f3b;--color-primary:#6d28d9;--color-secondary:#10b981;--color-danger:#ef4444;--color-text:#e5e7eb;--color-muted:#a1a1b5;--color-border:#2a2f4b;--radius:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1324;background:var(--color-bg);color:#e5e7eb;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{background:#1f2340;border-radius:4px}::-webkit-scrollbar-thumb{background:#3b4066}::selection{background:#6d28d940;color:#e5e7eb;color:var(--color-text)}::-moz-selection{background:#ffd7004d;color:#333}:focus{outline:2px solid #6d28d9;outline:2px solid var(--color-primary);outline-offset:2px}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.w-full{width:100%}.h-full{height:100%}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.scale-in{animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.react-hot-toast{font-family:inherit}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.card{background:#1a1f3b;background:var(--color-surface);border:1px solid #2a2f4b;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #00000059;padding:.75rem;transition:box-shadow .2s ease}.card:hover{box-shadow:0 6px 16px #00000073}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:40px;padding:.5rem 1rem;transition:all .3s ease}.btn,.btn:hover{text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:#6d28d9;background:var(--color-primary);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#2a2f4b;border:1px solid #2a2f4b;border:1px solid var(--color-border);color:#e5e7eb;color:var(--color-text)}.btn-secondary:hover{background:#323761}.btn-danger{background:#ef4444;background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(.95)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.form-control{background:#1f2546;border:1px solid #2a2f4b;border:1px solid var(--color-border);border-radius:8px;color:#e5e7eb;color:var(--color-text);font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control::placeholder{color:#a1a1b5;color:var(--color-muted)}.form-control:focus{border-color:#6d28d9;border-color:var(--color-primary);box-shadow:0 0 0 3px #6d28d940;outline:none}.form-label{color:#e5e7eb;color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge-success{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.badge-warning{background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff}.badge-danger{background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff}.badge-info{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff}@media (max-width:768px){.hidden-mobile{display:none}.text-center-mobile{text-align:center}.flex-col-mobile{flex-direction:column}}@media (min-width:769px){.hidden-desktop{display:none}}@media print{body{background:#fff;color:#000}.no-print{display:none}}@media (prefers-contrast:high){.card{border:2px solid #fff}.btn{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #00000059;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--color-text);font-size:1.25rem;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.logo-icon,.navbar-logo:hover{color:var(--color-primary)}.logo-text{color:var(--color-text)}.navbar-menu{gap:1rem}.navbar-item,.navbar-menu{align-items:center;display:flex}.navbar-item{border-radius:8px;color:var(--color-muted);font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-item:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.navbar-item.active{background:var(--color-primary);box-shadow:0 2px 8px #6d28d959;color:#fff}.navbar-user{align-items:center;display:flex;gap:1rem;position:relative}.user-info{cursor:pointer;gap:.75rem}.user-avatar{color:#1a1a2e;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-details{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.username{color:var(--color-text);font-size:.9rem;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--color-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.chevron-icon{color:var(--color-muted);transition:transform .2s ease}.navbar-user.open .chevron-icon{transform:rotate(180deg)}.user-action,.user-actions{align-items:center}.user-action{background:none;border:none;border-radius:6px;color:var(--color-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease}.user-action:hover{background:#f3f4f6;color:var(--color-text)}.user-action.logout:hover{background:#fee2e2;color:var(--color-danger)}.user-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #00000059;display:none;min-width:220px;padding:.25rem 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.user-dropdown.open{animation:slideDown .2s ease;display:block}.user-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-muted);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.user-dropdown-item:hover{background:#f3f4f6;color:var(--color-text)}.user-dropdown-item.logout:hover{background:#fee2e2;color:var(--color-danger)}.mobile-menu-button{background:none;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:none;padding:.5rem;transition:background .3s ease}.mobile-menu-button:hover{background:#f3f4f6}.mobile-menu{background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 4px 20px #00000059;display:none;left:0;position:absolute;right:0;top:100%}.mobile-menu-header{border-bottom:1px solid #2a2a3e;padding:1rem}.mobile-user-info{align-items:center;display:flex;gap:.75rem}.mobile-menu-items{padding:.5rem 0}.mobile-menu-item{align-items:center;background:none;border:none;color:var(--color-muted);cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem 1.5rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.mobile-menu-item:hover{background:#f3f4f6;color:var(--color-text)}.mobile-menu-item.active{background:var(--color-primary);border-right:none;color:#fff}.mobile-menu-item.logout:hover{background:#fee2e2;color:var(--color-danger)}@media (max-width:768px){.navbar-menu,.user-actions,.user-info{display:none}.user-dropdown{display:none!important}.mobile-menu,.mobile-menu-button{display:block}.navbar-container{padding:0 1rem}.logo-text{display:none}}@media (max-width:480px){.navbar-container{height:60px;padding:0 .75rem}.navbar-logo{font-size:1.1rem}}@media (max-width:500px){.navbar-container{height:60px;padding:0 .5rem}.navbar-logo{font-size:1.05rem;gap:.5rem}.logo-icon{height:20px;width:20px}.mobile-menu-button{padding:.4rem}.user-avatar{height:36px;width:36px}.mobile-menu-header,.mobile-menu-item{padding:.75rem 1rem}.mobile-menu-item{font-size:.95rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu{animation:slideDown .3s ease}.mobile-menu-item,.navbar-item,.user-action{overflow:hidden;position:relative}.navbar-item:before,.user-action:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-item:hover:before,.user-action:hover:before{left:100%}.auth-container{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.auth-container:before{background-image:radial-gradient(circle at 20% 80%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7000d 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-background{max-width:450px;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffd7001a;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:0 25px 50px #0006,0 0 0 1px #ffd70033;transform:translateY(-5px)}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.auth-logo svg{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffd7004d}.auth-subtitle{color:#94a3b8;font-size:1rem;font-weight:400;margin:0}.demo-credentials{background:#ffd7000d;border:1px solid #ffd70033;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.demo-credentials h4{color:gold;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.demo-item{color:#cbd5e1;font-family:Courier New,monospace;font-size:.8rem;margin-bottom:.5rem}.demo-item:last-child{margin-bottom:0}.demo-item strong{color:gold}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#e2e8f0;font-size:.875rem;margin-left:.25rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;left:1rem;pointer-events:none;position:absolute;z-index:2}.input-wrapper input{background:#0f172acc;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:1rem 3.5rem 1rem 4.75rem;text-align:center;transition:all .3s ease;width:100%}.input-wrapper input::placeholder{color:#64748b}.input-wrapper input:focus{background:#0f172ae6;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.input-wrapper input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-toggle{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;transition:color .3s ease;z-index:2}.password-toggle:hover{color:gold}.error-message{color:#ef4444;font-size:.875rem;gap:.25rem;margin-left:.25rem}.auth-button{align-items:center;background:linear-gradient(45deg,gold,#ffed4e);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-button:hover:before{left:100%}.auth-button:hover{box-shadow:0 10px 25px #ffd7004d;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-button:disabled:hover{box-shadow:none;transform:none}.auth-footer{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#94a3b8;font-size:.875rem;margin:0}.auth-link{color:gold;font-weight:500;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#ffed4e;text-decoration:underline}.loading-spinner{border:2px solid #ffffff4d;height:24px;width:24px}.loading-spinner.small{border-width:2px;height:20px;width:20px}@media (max-width:480px){.auth-card{margin:1rem;padding:2rem 1.5rem}.auth-logo h1{font-size:1.5rem}.input-wrapper input{padding:.875rem 3rem .875rem 4.75rem}.input-icon{left:.75rem}.password-toggle{right:.75rem}}@media (max-width:360px){.auth-card{padding:1.5rem 1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card{animation:fadeInUp .6s ease}.auth-button:focus-visible,.auth-link:focus-visible,.input-wrapper input:focus-visible,.password-toggle:focus-visible{outline:2px solid gold;outline-offset:2px}.dashboard{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem}.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.dashboard-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin:2rem 0;padding:2rem;text-align:center}.retry-button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-button:hover{background:#ff5252;transform:translateY(-2px)}.dashboard-header{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #1118270f;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.welcome-section h1{color:var(--color-text);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.welcome-section p{color:var(--color-muted);font-size:1.1rem;margin:0}.stat-card{background:#f9fafb;border:1px solid var(--color-border);border-radius:12px;gap:.75rem;padding:1rem 1.5rem}.stat-card:hover{background:#fff3;transform:translateY(-2px)}.stat-icon{color:var(--color-primary);height:24px;width:24px}.stat-value{font-size:1.5rem}.stat-label{font-size:.875rem}.overview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px #1118270f;padding:1.5rem;transition:all .3s ease}.overview-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.card-header{gap:.75rem;margin-bottom:1rem}.card-icon{color:var(--color-primary);height:24px;width:24px}.card-header h3{font-size:1.1rem;font-weight:600;margin:0}.card-value{color:var(--color-text);font-size:2.5rem;font-weight:700}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.dashboard-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .3s ease}.dashboard-section:hover{background:#ffffff26}.section-header{border-bottom:1px solid #fff3;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{align-items:center;display:flex;font-size:1.25rem;gap:.75rem}.section-icon{color:gold;height:20px;width:20px}.section-link{color:gold;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.section-link:hover{color:#fff;text-decoration:underline}.games-list{display:flex;flex-direction:column;gap:1rem}.game-card{align-items:center;background:#252b4d!important;border-radius:12px;justify-content:space-between;padding:1rem;transition:all .3s ease}.game-card:hover{background:#2f365f!important;transform:translateX(4px)}.game-card .game-info{background:#0003!important;border-radius:8px;flex:1 1;margin-right:1rem;padding:.75rem}.game-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;white-space:nowrap}.game-details{flex-wrap:wrap;gap:1rem;opacity:1}.game-buyin,.game-date{background:#1f2546;border:1px solid var(--color-border);gap:.25rem;padding:.25rem .5rem;white-space:nowrap}.game-buyin,.game-date,.game-participants{align-items:center;border-radius:8px;color:var(--color-text);display:flex}.game-participants{background:#2a2f4b;border:1px solid var(--color-border);font-weight:600;gap:.5rem;overflow:hidden;padding:.5rem .75rem}.players-list{display:flex;flex-direction:column;gap:.75rem}.player-card{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.player-card:hover{background:#ffffff26;transform:translateX(4px)}.player-rank{align-items:center;background:linear-gradient(45deg,gold,#ffed4e);border-radius:50%;color:#333;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.player-info{flex:1 1;flex-direction:column}.player-points{font-size:.875rem;opacity:.8}.player-stats{display:flex;font-size:.8rem;gap:.5rem}.games,.wins{background:#ffffff1a;border-radius:6px;font-weight:600;padding:.25rem .5rem}.recent-games{display:flex;flex-direction:column;gap:1rem}.recent-game{background:#252b4d!important;border:1px solid #ffffff0d;border-radius:12px;padding:1rem;transition:all .3s ease}.recent-game:hover{background:#2f365f!important;transform:translateX(4px)}.recent-game .game-info{background:#0003!important;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.recent-game .game-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 1px 2px #00000080}.recent-game .game-date{font-size:.9rem;opacity:.8}.recent-game .game-stats{display:flex;font-size:.9rem;gap:1rem;margin-top:.75rem}.participants,.prize{align-items:center;display:flex;gap:.25rem;opacity:.8}.best-hands{display:flex;flex-direction:column;gap:1rem}.hand-card{align-items:center;border:1px solid #ffffff1a;display:flex;gap:1rem;padding:1rem}.hand-card:hover{transform:translateX(4px)}.hand-icon{font-size:2rem;height:48px;width:48px}.hand-info{display:flex;flex-direction:column;gap:.25rem}.hand-info h4{font-size:1rem;font-weight:600;margin:0}.hand-player{font-size:.9rem;opacity:.8}.hand-cards{border-radius:4px;font-size:.8rem}.hand-game{align-items:flex-end;display:flex;flex-direction:column;font-size:.8rem;opacity:.8}.hand-date{margin-top:.25rem}.empty-state{opacity:.6;padding:2rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.9rem}.quick-actions{margin-top:2rem}.quick-actions h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:.75rem;padding:2rem 1rem;text-decoration:none;transition:all .3s ease}.action-card:hover{background:#fff3;box-shadow:0 8px 32px #0003;color:#fff;transform:translateY(-4px)}.action-icon{color:gold;height:32px;width:32px}.action-card span{font-size:1rem;font-weight:600}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1.5rem;text-align:center}.user-stats{flex-wrap:wrap;justify-content:center}.welcome-section h1{font-size:2rem}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.actions-grid{grid-template-columns:repeat(2,1fr)}.game-card,.hand-card,.player-card,.recent-game{align-items:center;flex-direction:column;gap:.75rem;text-align:center}.game-participants,.hand-game,.player-stats{align-self:center;justify-content:center}}@media (max-width:480px){.dashboard{padding:.5rem}.dashboard-header{padding:1.5rem}.welcome-section h1{font-size:1.75rem}.user-stats{flex-direction:column;width:100%}.stat-card{justify-content:center}.actions-grid,.stats-overview{grid-template-columns:1fr}}.modal-overlay{background-color:#000000b3;padding:20px}.finish-game-modal{background:linear-gradient(145deg,#1f2546,#161b33);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{background:#0003;border-bottom:1px solid #ffffff1a;color:#fff;padding:24px}.modal-header h2{align-items:center;display:flex;gap:12px}.modal-icon{color:#fbbf24}.close-button{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.modal-content{flex:1 1;overflow-y:auto;padding:24px}.game-info{background:#ffffff0d;border-left:4px solid var(--color-primary);border-radius:8px;margin-bottom:24px;padding:16px}.game-info h3{color:#fff;font-size:1.25rem;margin:0 0 8px}.game-details{color:#e2e8f0;display:flex;font-size:.9rem;gap:24px}.game-details span{align-items:center;display:flex;gap:6px}.error-message{align-items:center;background:#dc262633;border:1px solid #dc26264d;border-radius:6px;color:#fca5a5;display:flex;font-size:.9rem;gap:8px;margin-bottom:16px;padding:12px}.prize-pool-section{margin-bottom:24px}.prize-pool-section label{align-items:center;color:#e2e8f0;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.input-icon{color:var(--color-muted)}.prize-pool-section input{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:200px}.prize-pool-section input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33;outline:none}.results-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 16px}.results-grid{border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.grid-header{background:#ffffff1a;border-bottom:1px solid #ffffff1a;color:#fff;font-weight:600;padding:12px 16px}.grid-header,.result-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr}.result-row{align-items:center;border-bottom:1px solid #ffffff0d;padding:16px;transition:background-color .2s}.result-row:hover{background:#ffffff0d}.result-row:last-child{border-bottom:none}.result-row.error{background:#dc26261a;border-color:#dc262633}.player-info{gap:12px}.player-avatar{background:#ffffff1a;color:var(--color-muted)}.player-name{color:#e2e8f0;font-weight:500}.position-input{position:relative}.points-input input,.position-input select,.prize-input input{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px;transition:border-color .2s;width:100%}.points-input input:focus,.position-input select:focus,.prize-input input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33;outline:none}.points-input input.error,.position-input select.error,.prize-input input.error{border-color:#f87171}.error-text{color:#fca5a5;font-size:.75rem;left:0;margin-top:4px;position:absolute;top:100%;white-space:nowrap}.summary-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:24px;padding:16px}.summary-item{align-items:center;color:#e2e8f0;display:flex;font-weight:500;justify-content:space-between;padding:8px 0}.summary-item:not(:last-child){border-bottom:1px solid #ffffff1a}.summary-item span:last-child{color:#60a5fa;font-weight:600}.modal-footer{gap:12px;padding:24px}.cancel-button,.finish-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.cancel-button:hover:not(:disabled){background:#fff3}.finish-button{background:var(--color-secondary);color:#fff}.finish-button:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.finish-button:disabled{background:#ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed;transform:none}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.finish-game-modal{margin:10px;max-height:95vh}.modal-content{padding:16px}.grid-header,.result-row{gap:8px;grid-template-columns:1fr}.grid-header{display:none}.result-row{display:block;padding:16px}.player-info{margin-bottom:12px}.points-input,.position-input,.prize-input{margin-bottom:8px}.position-input:before{color:#9ca3af;content:"Posição: ";font-weight:500}.points-input:before{color:#9ca3af;content:"Pontos: ";font-weight:500}.prize-input:before{color:#9ca3af;content:"Prêmio: ";font-weight:500}.game-details{gap:8px}.game-details,.modal-footer{flex-direction:column}.cancel-button,.finish-button{justify-content:center;width:100%}}@media (max-width:500px){.finish-game-modal{border-radius:10px;margin:0 8px;width:100%}.modal-content{padding:12px}.modal-header{padding:16px}}.manage-participants-modal{background:linear-gradient(145deg,#1f2546,#161b33);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.manage-participants-modal .modal-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px}.manage-participants-modal .modal-header h2{align-items:center;display:flex;font-size:1.3rem;gap:10px;margin:0}.manage-participants-modal .close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.manage-participants-modal .close-button:hover{background:#fff3}.manage-participants-modal .modal-content{display:flex;flex:1 1;flex-direction:column;gap:25px;overflow-y:auto;padding:20px}.manage-participants-modal .error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;margin:15px 20px 0;padding:12px}.add-participants h3,.current-participants h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-item{background:#ffffff0d;border:1px solid #ffffff1a;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px}.participant-info{align-items:center;color:#e2e8f0;flex:1 1;gap:8px;min-width:150px}.participant-info .position{background:var(--color-primary);border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;padding:2px 8px}.participant-actions,.participant-stats{align-items:center;display:flex;gap:15px}.stat-input-group{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-input-group label{color:var(--color-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.stat-input-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:.9rem;padding:6px;text-align:center;width:60px}.stat-input-group input:focus{background:#00000080;border-color:gold;outline:none}.stat-input-group input::-webkit-inner-spin-button,.stat-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stat-input-group input[type=number]{-moz-appearance:textfield}.status-icon{margin-left:8px}.status-icon.saving{animation:pulse 1s infinite;color:#60a5fa}.status-icon.success{color:#34d399}.status-icon.error{color:#f87171}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.remove-btn{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .2s;width:36px}.remove-btn:hover:not(:disabled){background:#ef44444d;color:#fff}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.no-participants{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:8px;padding:20px}.search-box{margin-bottom:15px}.search-box svg{color:var(--color-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s}.search-box input:focus{background:#ffffff26;border-color:gold}.available-users{background:#0003;border:1px solid #ffffff1a;border-radius:8px;max-height:200px;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.user-item:last-child{border-bottom:none}.user-item:hover{background:#ffffff0d}.user-info{align-items:center;color:#e2e8f0;display:flex;gap:10px}.user-info div{display:flex;flex-direction:column;gap:2px}.username{color:#e2e8f0;font-weight:500}.email{color:var(--color-muted);font-size:.85rem}.add-btn{align-items:center;background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:background-color .2s}.add-btn:hover:not(:disabled){background:#2f855a}.add-btn:disabled{cursor:not-allowed;opacity:.5}.no-users{color:var(--color-muted);font-style:italic;padding:20px;text-align:center}.modal-footer{gap:10px;justify-content:flex-end}.cancel-button{background:#e2e8f0;color:#4a5568}.cancel-button:hover{background:#cbd5e0}@media (max-width:768px){.manage-participants-modal{max-height:90vh;width:95%}.manage-participants-modal .modal-header h2{font-size:1.1rem}.participant-item,.user-item{padding:10px}.participant-actions{justify-content:space-between;margin-top:10px;width:100%}.participant-stats{flex:1 1;justify-content:center}.user-info div{gap:1px}.username{font-size:.9rem}.email{font-size:.8rem}}@media (max-width:500px){.manage-participants-modal{border-radius:10px;margin:0 8px;max-height:90vh;width:100%}.manage-participants-modal .modal-header{padding:16px}.available-users,.participants-list{max-height:220px}.participant-stats{flex-wrap:wrap;gap:10px}.modal-footer{flex-direction:column;gap:12px}}.edit-positions-modal{background:linear-gradient(145deg,#1f2546,#161b33);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.edit-positions-modal .modal-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px}.edit-positions-modal .modal-header h2{align-items:center;display:flex;font-size:1.3rem;gap:10px;margin:0}.edit-positions-modal .close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.edit-positions-modal .close-button:hover{background:#fff3}.edit-positions-modal .modal-content{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.edit-positions-modal .error-message{background:#dc262633;border:1px solid #dc26264d;border-radius:8px;color:#fca5a5;margin:15px 20px 0;padding:12px}.instructions{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;padding:15px}.instructions p{margin:0 0 8px}.instructions p:last-child{margin-bottom:0}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.position-item:hover{background:#ffffff1a;border-color:#fff3}.participant-info{display:flex;flex-direction:column;gap:4px}.participant-info .username{color:#fff;font-size:1rem;font-weight:600}.participant-info .points{color:var(--color-muted);font-size:.85rem;font-weight:500}.position-input{align-items:center;display:flex;gap:10px}.position-input label{color:#e2e8f0;font-size:.9rem;font-weight:500}.position-input select{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;min-width:140px;padding:8px 12px;transition:border-color .2s}.position-input select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33;outline:none}.position-input select:disabled{cursor:not-allowed;opacity:.6}.modal-footer{background:#0003;border-top:1px solid #ffffff1a;justify-content:space-between;padding:20px}.modal-footer,.reset-btn{align-items:center;display:flex}.reset-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.reset-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.reset-btn:disabled{cursor:not-allowed;opacity:.5}.action-buttons{display:flex;gap:10px}.cancel-button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-button:hover:not(:disabled){background:#e5e7eb}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.save-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.save-btn:disabled{box-shadow:none}@media (max-width:768px){.edit-positions-modal{max-height:90vh;width:95%}.edit-positions-modal .modal-header h2{font-size:1.1rem}.position-item{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.position-input{justify-content:space-between;width:100%}.position-input select{min-width:120px}.modal-footer{align-items:stretch;flex-direction:column;gap:15px}.action-buttons{justify-content:center}}@media (max-width:500px){.edit-positions-modal{border-radius:10px;margin:0 8px;max-height:90vh;width:100%}.edit-positions-modal .modal-header{padding:16px}.edit-positions-modal .modal-header h2{font-size:1rem}.position-item{gap:10px;padding:10px}.position-input{gap:8px}.position-input select{min-width:0;width:100%}}.game-details-modal{background:linear-gradient(145deg,#1f2546,#161b33);border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:95%}.modal-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-header-section{background:#0003;padding:2rem 2rem 1.5rem;text-align:center}.status-badge{align-items:center;background:#ffffff1a;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.4rem 1rem}.status-badge.scheduled{background:#3b82f633;color:#60a5fa}.status-badge.in-progress{background:#f59e0b33;color:#fbbf24}.status-badge.finished{background:#10b98133;color:#34d399}.status-badge.cancelled{background:#ef444433;color:#f87171}.modal-header-section h2{color:#fff;font-size:1.8rem;line-height:1.2;margin:0}.game-description{color:var(--color-muted);font-size:.95rem;margin-top:.5rem}.modal-body-section{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem}.info-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:1rem;padding:1rem}.info-icon{color:var(--color-primary);height:24px;width:24px}.info-content{display:flex;flex-direction:column}.info-label{color:var(--color-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#fff;font-size:1rem;font-weight:600}.participants-section h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.participants-list-scroll{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100%,1fr));max-height:250px;overflow-y:auto;padding-right:.5rem}.participant-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:.75rem;padding:.5rem .75rem}.participant-avatar{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--color-muted);display:flex;height:28px;justify-content:center;width:28px}.participant-name{color:#e2e8f0;flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-extra-info{align-items:center;display:flex;font-size:.75rem;gap:8px}.info-badge{align-items:center;background:#ffffff14;border-radius:4px;display:flex;gap:3px;padding:2px 6px;white-space:nowrap}.info-badge.rebuy{border:1px solid #fbbf2433;color:#fbbf24}.info-badge.addon{border:1px solid #34d39933;color:#34d399}.info-badge.total-spent{border:1px solid #a78bfa33;color:#a78bfa;font-weight:500;margin-left:auto}.participant-position{background:var(--color-primary);border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;margin-left:5px;padding:2px 6px}.no-participants{color:var(--color-muted);font-style:italic;grid-column:1/-1;padding:1rem;text-align:center}.modal-footer-section{background:#0003;border-top:1px solid #ffffff0d;padding:1.5rem 2rem}.player-actions{margin-bottom:1rem}.action-button,.player-actions{display:flex;justify-content:center}.action-button{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 2rem;transition:all .2s;width:100%}.action-button.join{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.action-button.join:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.action-button.leave{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.action-button.leave:hover{background:#ef444433}.admin-actions{margin-top:1.5rem}.admin-divider{align-items:center;color:var(--color-muted);display:flex;font-size:.8rem;gap:1rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.admin-divider:after,.admin-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.admin-buttons-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.admin-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:.6rem;transition:all .2s}.admin-btn:hover{background:#ffffff1a}.admin-btn.start{border-color:#60a5fa4d;color:#60a5fa}.admin-btn.finish{border-color:#34d3994d;color:#34d399}.admin-btn.manage{border-color:#a78bfa4d;color:#a78bfa}.admin-btn.delete{border-color:#f871714d;color:#f87171}.admin-btn.edit{color:#9ca3af}@media (max-width:480px){.modal-header-section{padding:1.5rem}.modal-body-section{padding:1rem}.info-grid{grid-template-columns:1fr}.admin-buttons-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.game-details-modal{border-radius:10px;max-width:none;width:100%}.modal-header-section{padding:1.25rem}.modal-body-section{padding:.75rem}.info-grid{grid-template-columns:1fr}.player-actions{flex-direction:column;gap:.5rem}.admin-buttons-grid{gap:.5rem;grid-template-columns:1fr}}.timer-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.timer-modal{background:#111;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;max-width:95vw;overflow:hidden;width:880px}.timer-header{align-items:center;background:#1a1a1a;display:flex;justify-content:space-between;padding:16px 20px}.timer-title{font-size:20px;font-weight:600}.timer-close{background:#0000;border:none;color:#ddd;cursor:pointer}.timer-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px}.clock-panel{background:#0f0f0f;border-radius:10px;padding:20px}.big-time{font-size:72px;font-weight:700;letter-spacing:2px;text-align:center}.blinds-row{display:flex;gap:16px;justify-content:center;margin-top:8px}.blind-item{background:#1c1c1c;border-radius:6px;font-size:18px;padding:8px 12px}.progress-bar{background:#333;border-radius:6px;height:8px;margin-top:16px;overflow:hidden}.progress-fill{background:#2ecc71;height:100%;transition:width .5s ease;width:0}.info-panel{background:#0f0f0f;border-radius:10px;padding:20px}.level-row{display:flex;justify-content:space-between;margin-bottom:8px}.control-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.control-btn{background:#2b7cff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.control-btn.secondary{background:#ff9f2b}.control-btn.danger{background:#e74c3c}.games-page{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:1rem}.games-loading{color:#fff;flex-direction:column;justify-content:center;min-height:50vh}.games-header,.games-loading{align-items:center;display:flex}.games-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #1118270f;justify-content:space-between;margin-bottom:1rem;padding:1rem}.header-content h1{font-size:1.5rem}.create-game-btn{align-items:center;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:filter .2s ease}.create-game-btn:hover{filter:brightness(.95)}.games-controls{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.filter-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:flex;gap:.5rem;padding:.5rem}.filter-tab{background:#0000;border:none;border-radius:8px;color:var(--color-muted);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s ease,color .2s ease;white-space:nowrap}.filter-tab:hover{background:#f3f4f6;color:var(--color-text)}.filter-tab.active{background:var(--color-primary);color:#fff;font-weight:600}.games-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #00000059;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.game-card.clickable{cursor:pointer}.game-card.clickable:hover{border-color:var(--color-primary);box-shadow:0 12px 24px #0006;transform:translateY(-4px)}.game-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.game-title{flex:1 1;min-width:0}.game-title h3{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;word-break:break-word}.game-status{align-items:center;background:#ffffff0d;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-top:.25rem;padding:.25rem .6rem}.status-icon{height:14px;width:14px}.status-icon.scheduled{color:#60a5fa}.status-icon.in-progress{color:#fbbf24}.status-icon.finished{color:#34d399}.status-icon.cancelled{color:#f87171}.game-details-summary{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-item{align-items:center;color:var(--color-muted);display:flex;font-size:.95rem;gap:.75rem}.detail-icon{color:var(--color-primary);height:18px;opacity:.8;width:18px}.click-instruction{border-top:1px solid #ffffff0d;color:var(--color-primary);font-size:.85rem;font-weight:500;margin-top:auto;opacity:0;padding-top:1rem;text-align:center;transform:translateY(10px);transition:all .2s ease}.game-card.clickable:hover .click-instruction{opacity:1;transform:translateY(0)}.game-card-details{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.game-card:hover .game-card-details{border-color:var(--color-primary)}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #1118270f}.create-first-game-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-first-game-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-2px)}.game-form{padding:2rem}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:gold;outline:none}@media (max-width:1200px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.games-page{padding:1rem}.games-header{flex-direction:column;gap:1.5rem;text-align:center}.header-content h1{font-size:2rem}.games-controls{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-tabs{flex-wrap:wrap;justify-content:center}.games-grid{gap:1.5rem;grid-template-columns:1fr}.game-card{text-align:center}.game-header{align-items:center;flex-direction:column;gap:1rem}.game-title{text-align:center}.game-actions{align-self:flex-end}.game-details{flex-direction:column;gap:.5rem}.detail-item,.game-footer{justify-content:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.games-page{padding:.5rem}.games-header{padding:1.5rem}.header-content h1{flex-direction:column;font-size:1.75rem;gap:.5rem}.modal{margin:1rem;width:95%}.modal-header{padding:1rem 1.5rem}.game-form{padding:1.5rem}.participants{flex-direction:column;gap:.25rem}}@media (max-width:500px){.modal{border-radius:12px;margin:.75rem;width:95%}.modal-header{padding:1rem 1.25rem}.game-form{padding:1.25rem}}.ranking-page{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:1rem}.ranking-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.ranking-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #00000059;margin-bottom:1rem;padding:1rem;text-align:center}.header-content h1{justify-content:center}.share-btn{align-items:center;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-top:.75rem;padding:.6rem 1rem;transition:filter .2s ease}.share-btn:hover{filter:brightness(.95)}.ranking-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;justify-content:center;margin-bottom:1rem;padding:.5rem}.ranking-tabs,.tab{display:flex;gap:.5rem}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--color-muted);cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:background .2s ease,color .2s ease;white-space:nowrap}.tab:hover{background:#2a2f4b;color:var(--color-text)}.tab.active{background:var(--color-primary);color:#fff;font-weight:600}.ranking-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #00000059;padding:.75rem}.ranking-filters{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;font-weight:600;opacity:.9}.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.filter-select:focus{background:#ffffff26;border-color:gold}.ranking-list{background:#ffffff0d;border-radius:12px;overflow:hidden}.ranking-header-row{background:#1f2546;color:var(--color-text);font-size:.9rem;font-weight:600}.ranking-header-row,.ranking-row{grid-gap:1rem;border-bottom:1px solid var(--color-border);display:grid;gap:1rem;grid-template-columns:60px 1fr 120px 60px 60px 100px;padding:.75rem 1rem}.ranking-row{align-items:center;transition:all .3s ease}.ranking-row:hover{background:#1f2546}.ranking-row:last-child{border-bottom:none}.ranking-row.rank-1{background:linear-gradient(90deg,#ffd70033,#ffd7000d);border-left:4px solid gold}.ranking-row.rank-2{background:linear-gradient(90deg,#c0c0c033,#c0c0c00d);border-left:4px solid silver}.ranking-row.rank-3{background:linear-gradient(90deg,#cd7f3233,#cd7f320d);border-left:4px solid #cd7f32}.col-rank{align-items:center;display:flex;justify-content:center}.rank-icon{height:24px;width:24px}.rank-icon.gold{color:gold}.rank-icon.silver{color:silver}.rank-icon.bronze{color:#cd7f32}.rank-number{color:gold;font-size:1.2rem;font-weight:700}.col-player{min-width:0}.player-info{gap:.75rem}.player-avatar,.player-info{align-items:center;display:flex}.player-avatar{background:#fff3;border-radius:50%;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.player-avatar img{height:100%;object-fit:cover;width:100%}.player-details{display:flex;flex-direction:column;min-width:0}.player-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-role{font-size:.8rem;opacity:.7}.col-value{text-align:center}.value-primary{color:gold;font-size:1.1rem;font-weight:700}.col-games,.col-wins{font-weight:600;text-align:center}.col-rate{align-items:center;display:flex}.rate-bar{background:#ffffff1a;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.rate-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;height:100%;transition:width .3s ease}.rate-text{color:#fff;font-size:.8rem;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.empty-hands,.empty-ranking{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:.7;padding:4rem 2rem;text-align:center}.empty-hands svg,.empty-ranking svg{color:gold;margin-bottom:1.5rem;opacity:.5}.empty-hands h3,.empty-ranking h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-hands p,.empty-ranking p{font-size:1.1rem;margin:0}.hands-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.hands-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.hand-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;transition:all .3s ease}.hand-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.hand-header,.hand-icon{align-items:center}.hand-icon{background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.hand-info h3{font-size:1.25rem;margin:0 0 .5rem}.hand-cards{font-family:monospace;padding:.25rem .5rem}.detail-row{display:flex}.detail-icon{flex-shrink:0}@media (max-width:1200px){.ranking-header-row,.ranking-row{font-size:.85rem;grid-template-columns:60px 1fr 120px 60px 60px 100px}.hands-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.ranking-page{padding:1rem}.header-content h1{flex-direction:column;font-size:2rem;gap:.5rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ranking-tabs{justify-content:stretch}.tab{flex:1 1;justify-content:center}.ranking-filters{flex-direction:column;gap:1rem}.filter-group,.filter-select{width:100%}.ranking-header-row{display:none}.ranking-row{align-items:center;background:#ffffff1a;border:none;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.5rem}.ranking-row.rank-1,.ranking-row.rank-2,.ranking-row.rank-3{border-left:none;border-top:4px solid}.col-rank{align-self:center}.mobile-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.mobile-stat{display:flex;flex-direction:column;gap:.25rem}.mobile-stat-label{font-size:.8rem;opacity:.7}.mobile-stat-value{font-weight:600}.hands-grid{grid-template-columns:1fr}.hand-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.ranking-page{padding:.5rem}.ranking-header{padding:1.5rem}.header-content h1{font-size:1.75rem}.stats-overview{grid-template-columns:1fr}.stat-card{flex-direction:column;gap:.75rem;text-align:center}.hands-content,.ranking-content,.ranking-row{padding:1rem}.mobile-stats{gap:.75rem;grid-template-columns:1fr}.hand-card{padding:1rem}.hand-icon{font-size:2rem;height:50px;width:50px}}.best-hands-page{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:1rem}.best-hands-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.best-hands-header{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #00000059;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.header-content h1{font-size:1.6rem}.page-icon{height:24px;width:24px}.header-content p{font-size:.95rem}.create-hand-btn{align-items:center;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:filter .2s ease}.create-hand-btn:hover{filter:brightness(.95)}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.stat-value{font-size:2rem}.stat-label{font-size:.9rem}.hands-controls{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.search-box{flex:1 1;max-width:400px}.search-icon{height:18px;width:18px}.search-box input{background:#1f2546}.search-box input:focus{box-shadow:0 0 0 3px #6d28d940}.filter-icon{height:16px;width:16px}.filter-select{background:#1f2546;min-width:200px}.filter-select:focus{box-shadow:0 0 0 3px #6d28d940}.hands-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hand-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #00000059;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.hand-card:before{background:linear-gradient(90deg,#0000,var(--rarity-color),#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.hand-card.legendary{--rarity-color:#ff6b35;border-color:#ff6b3580}.hand-card.epic{--rarity-color:#9b59b6;border-color:#9b59b680}.hand-card.rare{--rarity-color:#3498db;border-color:#3498db80}.hand-card.uncommon{--rarity-color:#2ecc71;border-color:#2ecc7180}.hand-card.common{--rarity-color:#95a5a6;border-color:#95a5a680}.hand-card:hover{box-shadow:0 6px 16px #00000073;transform:translateY(-2px)}.hand-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.hand-type{align-items:center;display:flex;gap:1rem}.hand-info,.hand-type{flex:1 1;min-width:0}.hand-info h3{font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .25rem;word-break:break-word}.hand-cards{background:#ffffff1a;border-radius:6px;display:inline-block;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem}.hand-actions{display:flex;flex-shrink:0;gap:.5rem;margin-top:2px}.hand-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{grid-gap:.5rem;font-size:.9rem;gap:.5rem;grid-template-columns:20px 120px 1fr}.detail-icon{color:gold;height:16px;width:16px}.detail-label{font-weight:500;opacity:.8;white-space:nowrap}.detail-value{font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.hand-description{background:#ffffff0d;border-left:3px solid gold;border-left:3px solid var(--rarity-color,gold);border-radius:8px;margin-bottom:1rem;padding:1rem}.hand-description p{font-size:.9rem;font-style:italic;line-height:1.5;margin:0;opacity:.9}.hand-rarity{display:flex;justify-content:flex-end}.rarity-badge{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.rarity-badge.legendary{background:linear-gradient(45deg,#ff6b35,#f7931e);box-shadow:0 2px 8px #ff6b354d;color:#fff}.rarity-badge.epic{background:linear-gradient(45deg,#9b59b6,#8e44ad);box-shadow:0 2px 8px #9b59b64d;color:#fff}.rarity-badge.rare{background:linear-gradient(45deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d;color:#fff}.rarity-badge.uncommon{background:linear-gradient(45deg,#2ecc71,#27ae60);box-shadow:0 2px 8px #2ecc714d;color:#fff}.rarity-badge.common{background:linear-gradient(45deg,#95a5a6,#7f8c8d);box-shadow:0 2px 8px #95a5a64d;color:#fff}.empty-state p{margin:0 0 2rem}.create-first-hand-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-first-hand-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-2px)}.hand-form{padding:2rem}@media (max-width:1200px){.hands-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.best-hands-page{padding:1rem}.best-hands-header{flex-direction:column;gap:1.5rem;text-align:center}.header-content h1{font-size:2rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hands-controls{flex-direction:column;gap:1rem}.search-box{max-width:none}.filter-select{min-width:auto;width:100%}.hands-grid{gap:1.5rem;grid-template-columns:1fr}.hand-card{text-align:center}.hand-header{align-items:center;flex-direction:column;gap:1rem}.hand-info{text-align:center}.hand-actions{align-self:center;justify-content:center}.detail-row{gap:.5rem;grid-template-columns:20px 1fr}.detail-label:after{content:": " attr(data-value)}.detail-value{grid-column:2;text-align:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.best-hands-page{padding:.5rem}.best-hands-header{padding:1.5rem}.header-content h1{flex-direction:column;font-size:1.75rem;gap:.5rem}.stats-overview{grid-template-columns:1fr}.stat-card{flex-direction:column;gap:.75rem;text-align:center}.modal{margin:1rem;width:95%}.modal-header{padding:1rem 1.5rem}.hand-form{padding:1.5rem}.hand-type{flex-direction:column;gap:.75rem;text-align:center}.hand-icon{font-size:2rem;height:50px;width:50px}}@media (max-width:500px){.modal{border-radius:12px;margin:.75rem;width:95%}.modal-header{padding:1rem 1.25rem}.hand-form{padding:1.25rem}}.profile-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem}.profile-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.profile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:2rem;padding:2rem}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.page-icon{color:gold}.header-content p{font-size:1.1rem;opacity:.9}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s ease}.profile-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.card-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.cancel-btn,.edit-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.edit-btn{background:#2196f333;border:1px solid #2196f34d;color:#2196f3}.edit-btn:hover{background:#2196f34d;transform:translateY(-1px)}.save-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.save-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:#f4433633;border:1px solid #f443364d;color:#f44336}.cancel-btn:hover{background:#f443364d;transform:translateY(-1px)}.edit-actions{display:flex;gap:.75rem}.profile-info{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:auto 1fr}.avatar-section{flex-direction:column;gap:1rem}.avatar,.avatar-section{align-items:center;display:flex}.avatar{background:linear-gradient(45deg,gold,#ffed4e);border:4px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #ffd7004d;color:#333;font-size:3rem;font-weight:700;height:120px;justify-content:center;width:120px}.role-badge-container{display:flex;justify-content:center}.role-badge{border-radius:20px;font-size:.8rem;padding:.5rem 1rem}.role-badge.admin{box-shadow:0 4px 15px #ff6b354d}.role-badge.player{box-shadow:0 4px 15px #3498db4d}.info-fields{gap:1.5rem}.field-group,.info-fields{display:flex;flex-direction:column}.field-group{gap:.5rem}.field-group label{color:#fff;font-size:.9rem;font-weight:600;opacity:.9}.field-value{align-items:center;border-radius:8px;display:flex;gap:.75rem}.field-group input,.field-value{background:#ffffff1a;border:1px solid #fff3;color:#fff;font-size:1rem;padding:.75rem}.field-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;transition:all .3s ease}.field-group input::placeholder{color:#fff9}.field-group input:focus{background:#ffffff26;border-color:gold;outline:none}.password-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.password-input{align-items:center;display:flex;position:relative}.password-input input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem 3rem .75rem .75rem;transition:all .3s ease}.password-input input::placeholder{color:#fff9}.password-input input:focus{background:#ffffff26;border-color:gold;outline:none}.toggle-password{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;transition:all .3s ease}.toggle-password:hover{background:#ffffff1a;color:#fff}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-item:hover{background:#ffffff26;box-shadow:0 4px 20px #0003;transform:translateY(-2px)}.stat-icon{align-items:center;background:#ffd70033;border-radius:12px;color:gold;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-info{display:flex;flex-direction:column}.stat-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{color:#fff;font-size:.85rem;opacity:.8}@media (max-width:768px){.profile-page{padding:1rem}.profile-header{padding:1.5rem}.header-content h1{flex-direction:column;font-size:2rem;gap:.5rem;text-align:center}.profile-card{padding:1.5rem}.card-header{align-items:stretch;flex-direction:column;gap:1rem}.edit-actions{justify-content:center}.profile-info{gap:1.5rem;grid-template-columns:1fr;text-align:center}.avatar{font-size:2.5rem;height:100px;width:100px}.info-fields{text-align:left}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.stat-icon{height:40px;width:40px}.stat-value{font-size:1.5rem}}@media (max-width:480px){.profile-page{padding:.5rem}.profile-header{padding:1rem}.header-content h1{font-size:1.75rem}.profile-card{padding:1rem}.card-header{margin-bottom:1.5rem}.card-header h2{font-size:1.25rem}.edit-actions{flex-direction:column;gap:.5rem}.cancel-btn,.edit-btn,.save-btn{justify-content:center;padding:.75rem 1rem}.avatar{font-size:2rem;height:80px;width:80px}.stats-grid{grid-template-columns:1fr}.stat-item{flex-direction:column;gap:.75rem;text-align:center}}.password-form{gap:1rem}.field-group{gap:.25rem}.cancel-btn,.edit-btn,.profile-card,.save-btn,.stat-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:focus,.edit-btn:focus,.save-btn:focus,.toggle-password:focus{outline:2px solid gold;outline-offset:2px}.field-group input:focus{box-shadow:0 0 0 3px #ffd70033}.admin-page{background:var(--color-bg);color:var(--color-text);margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem}.admin-unauthorized{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.admin-unauthorized svg{color:#f44336;margin-bottom:1.5rem}.admin-unauthorized h2{font-size:2rem;font-weight:600;margin:0 0 1rem}.admin-unauthorized p{font-size:1.1rem;margin:0;opacity:.8}.admin-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:30vh}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:1rem}.admin-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 8px #1118270f;margin-bottom:2rem;padding:2rem}.header-content h1{align-items:center;color:var(--color-text);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.page-icon{color:var(--color-primary);height:32px;width:32px}.header-content p{color:var(--color-muted);font-size:1rem;margin:0}.admin-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;padding:.5rem}.admin-tabs,.tab-btn{display:flex;gap:.5rem}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-muted);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.tab-btn:hover{background:#f3f4f6;color:var(--color-text)}.tab-btn.active{background:var(--color-primary);color:#fff;font-weight:600}.section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0}.search-controls{align-items:center;display:flex;gap:1rem}.search-box{min-width:300px;position:relative}.search-icon{color:var(--color-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-box input::placeholder{color:var(--color-muted)}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.filter-box{align-items:center;display:flex;position:relative}.filter-icon{color:var(--color-muted);left:1rem;position:absolute;z-index:1}.filter-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;font-size:1rem;min-width:180px;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.filter-select option{background:#333;color:#fff}.create-user-btn,.edit-club-btn{align-items:center;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:filter .2s ease}.create-user-btn:hover,.edit-club-btn:hover{filter:brightness(.95)}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .3s ease}.user-card:hover{background:#ffffff26;box-shadow:0 8px 32px #0003;transform:translateY(-4px)}.user-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.user-avatar{align-items:center;background:linear-gradient(45deg,gold,#ffed4e);border-radius:50%;color:#333;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.user-info{flex:1 1;min-width:0}.user-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem;word-break:break-word}.user-info p{font-size:.9rem;margin:0 0 .5rem;opacity:.8;word-break:break-word}.role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff}.role-badge.player{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff}.user-actions{display:flex;flex-direction:column;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-btn.edit{background:#2196f333;color:#2196f3}.action-btn.edit:hover{background:#2196f34d;transform:scale(1.1)}.action-btn.toggle-role{background:#ffc10733;color:#ffc107}.action-btn.toggle-role:hover{background:#ffc1074d;transform:scale(1.1)}.action-btn.toggle-role.admin{background:#f4433633;color:#f44336}.action-btn.toggle-role.admin:hover{background:#f443364d}.action-btn.delete{background:#f4433633;color:#f44336}.action-btn.delete:hover{background:#f443364d;transform:scale(1.1)}.user-stats{border-top:1px solid #fff3;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.stat{align-items:center;display:flex;font-size:.8rem;gap:.5rem;opacity:.8}.stat svg{color:gold;height:14px;width:14px}.club-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.club-header{margin-bottom:2rem;text-align:center}.club-header h3{color:var(--color-text);font-size:2rem;font-weight:700;margin:0 0 .5rem}.club-header p{font-size:1.1rem;margin:0;opacity:.9}.club-details{display:flex;flex-direction:column;gap:1rem}.detail-row{grid-gap:1rem;align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:grid;gap:1rem;grid-template-columns:24px auto 1fr;padding:1rem}.detail-row svg{color:gold}.detail-row span:nth-child(2){font-weight:600;opacity:.9}.detail-row span:nth-child(3){font-weight:500;text-align:right}.empty-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:gold;margin-bottom:1.5rem;opacity:.6}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:1.1rem;margin:0;opacity:.8}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-btn:hover{background:#ffffff1a}.club-form,.user-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff26;border-color:gold;outline:none}.form-group select option{background:#333;color:#fff}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.cancel-btn:hover{background:#fff3}.submit-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.submit-btn:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1200px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.admin-page{padding:1rem}.admin-header{padding:1.5rem}.header-content h1{font-size:2rem;gap:.5rem;text-align:center}.admin-tabs,.header-content h1{flex-direction:column}.tab-btn{justify-content:center}.section-header{align-items:stretch;flex-direction:column;gap:1.5rem}.search-controls{flex-direction:column;gap:1rem}.filter-select,.search-box{min-width:auto}.users-grid{grid-template-columns:1fr}.user-header{flex-direction:column;gap:1rem;text-align:center}.user-actions{flex-direction:row;justify-content:center}.user-stats{flex-direction:column;gap:.75rem}.detail-row{gap:1rem;grid-template-columns:24px 1fr}.detail-row span:nth-child(2):after{content:": " attr(data-value)}.detail-row span:nth-child(3){grid-column:2;text-align:left}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.admin-page{padding:.5rem}.admin-header{padding:1rem}.header-content h1{font-size:1.75rem}.modal{margin:1rem;width:95%}.modal-header{padding:1rem 1.5rem}.club-form,.user-form{padding:1.5rem}.user-avatar{font-size:1.25rem;height:50px;width:50px}.club-header h3{font-size:1.5rem}}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.main-content{padding-top:70px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}
/*# sourceMappingURL=main.067d2d48.css.map*/