@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.5}33%{transform:translateY(-10px) rotate(120deg);opacity:.8}66%{transform:translateY(-5px) rotate(240deg);opacity:.6}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pageContainer{position:relative;min-height:calc(100vh - 2rem)}.pageHero{background:linear-gradient(135deg,#0e0e0e,#121212 25%,rgba(0,117,74,.08) 50%,#161616 75%,#121212);border-bottom:2px solid rgba(0,117,74,.25);border-radius:0;padding:4rem 0;margin-bottom:3rem;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.7);overflow-x:hidden}.pageHero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,117,74,.1) 0,transparent 50%);pointer-events:none}.heroContent{position:relative;z-index:2;text-align:center;margin:0 auto;padding:0 2rem}.cardContent{padding:1.5rem;height:100%;display:flex;flex-direction:column;flex:1}.contentCard{background:linear-gradient(145deg,#161616,#121212 50%,#161616);border:1px solid #2f2f2f;border-radius:8px;padding:0;transition:all .3s ease;position:relative;margin-bottom:2rem;box-shadow:0 4px 16px rgba(0,0,0,.6);overflow:hidden;height:100%;display:flex;flex-direction:column}.contentCard:hover{background:linear-gradient(145deg,#1a1a1a,#161616 50%,#1a1a1a);border-color:rgba(0,117,74,.5);box-shadow:0 6px 24px rgba(0,117,74,.12),0 2px 8px rgba(0,0,0,.8)}.contentCard>*{flex:1}.filterCard{background:linear-gradient(145deg,#161616,#121212 50%,#161616);border:1px solid #2f2f2f;border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;margin-bottom:2rem;box-shadow:0 4px 16px rgba(0,0,0,.6);overflow:hidden}.filterCard:hover{background:linear-gradient(145deg,#1a1a1a,#161616 50%,#1a1a1a);border-color:rgba(0,117,74,.5);box-shadow:0 6px 24px rgba(0,117,74,.12),0 2px 8px rgba(0,0,0,.8)}.pageTitle{color:#ffffff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.pageSubtitle{font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.5rem}.pageSubtitle,.sectionTitle{color:#ffffff;font-weight:700}.sectionTitle{font-size:1.25rem;margin-bottom:1rem}.outlineButton{color:#ffffff;background:#111111;transition:all .3s ease;border-radius:6px;font-weight:600;padding:.75rem 1.5rem;border:1px solid #2a2a2a;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}.outlineButton:hover{background:#1a1a1a;border-color:#00754a;box-shadow:0 4px 12px rgba(0,117,74,.15)}.primaryButton{background:#00754a;border:none;color:white;font-weight:600;border-radius:6px;transition:all .3s ease;padding:.75rem 1.5rem;cursor:pointer;box-shadow:0 4px 16px rgba(0,117,74,.15)}.primaryButton:hover{background:#005936;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,117,74,.25)}.formContainer{background:#2a2d31;border:1px solid #3c3f47;border-radius:8px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.2);margin:0 auto}.formInput{background:#2a2d31;border:1px solid #3c3f47;border-radius:6px;padding:.75rem 1rem;color:white;font-size:1rem;transition:border-color .2s ease;width:100%;margin-bottom:1rem}.formInput:focus{border-color:#00754a;outline:none}.formInput::placeholder{color:rgba(255,255,255,.7)}.pageGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.pageGrid,.smallGrid{display:grid;margin-bottom:2rem}.smallGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pageSection{animation:fadeInUp .6s ease-out;margin-bottom:3rem}.teamsHeaderControls{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.teamsHeaderActions,.teamsHeaderFilters{display:flex;align-items:center}.teamsHeaderFilters{gap:1rem}.teamsSearchInput{width:250px}.teamsFilterRow{display:flex;align-items:center;gap:1rem}.teamsGameSelect,.teamsNationSelect{width:150px}.pageSection:first-child{animation-delay:.1s}.pageSection:nth-child(2){animation-delay:.2s}.pageSection:nth-child(3){animation-delay:.3s}.sectionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #3a3a3a}.loadingSkeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px}.statusBadge{background:#3c3f47;color:#ffffff;border:1px solid #4a4e56;border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.statusSuccess{background:#2a2d31;color:#00754a;border:1px solid #00754a}.statusWarning{background:#2a2d31;color:#ffc107;border:1px solid #ffc107}.statusError{background:#2a2d31;color:#dc3545;border:1px solid #dc3545}.floatingBackground{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);pointer-events:none;opacity:.5}.authContainer{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1b1e;padding:0}.authCard{background:#2a2d31;border:1px solid #3c3f47;border-radius:8px;padding:3rem;max-width:450px;width:100%;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden}.detailContainer{max-width:1200px;margin:0 auto;padding:2rem}.detailHeader{background:#2a2d31;border:1px solid #3c3f47;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.2);position:relative;overflow:hidden}.detailContent{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.detailMain{padding:2rem}.detailMain,.detailSidebar{background:#2a2d31;border:1px solid #3c3f47;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.2);overflow:hidden}.detailSidebar{padding:1.5rem;position:sticky;top:2rem}.teamHeaderPreview{position:relative;height:200px;border-bottom:2px solid rgba(0,117,74,.3);border-radius:8px;overflow:hidden}.team-settings-page .glass-card:hover{transform:none}@media (max-width:768px){.teamHeaderPreview{height:150px}.pageTitle{font-size:2rem}.pageGrid,.smallGrid{grid-template-columns:1fr;gap:1rem}.sectionHeader{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:nowrap}.pageSubtitle{flex:1;min-width:0;font-size:1.25rem}.sectionHeader .pageSubtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pageHero{padding:3rem 1rem;overflow-x:hidden}.heroContent{padding:0 1rem;max-width:100%}.glass-card{transform:none}.team-settings-page .glass-card{transform:none;transition:none}.authCard{padding:2rem;margin:1rem}.detailContent{grid-template-columns:1fr;gap:1rem}.detailContainer{padding:1rem}.contentCard{min-height:120px}.cardContent{padding:1.25rem}.pageSubtitle{font-size:1.1rem}.pageSection{margin-bottom:2rem}.contentCard [data-mantine-text-size=xl],.glass-card [data-mantine-text-size=xl]{font-size:1.125rem}.contentCard [data-mantine-text-size=lg],.glass-card [data-mantine-text-size=lg]{font-size:1rem}.contentCard [data-mantine-title-order="4"],.glass-card [data-mantine-title-order="4"]{font-size:1.125rem}.contentCard [data-mantine-title-order="3"],.glass-card [data-mantine-title-order="3"]{font-size:1.25rem}.contentCard .gradient-title,.glass-card .gradient-title,.pageHero .gradient-title{font-size:1.5rem}}@media (max-width:480px){.teamHeaderPreview{height:120px}.authCard,.contentCard,.detailHeader,.detailMain,.detailSidebar,.glass-card{border-radius:8px}.team-settings-page .glass-card{transform:none;transition:none}.cardContent,.formContainer{padding:1rem}.pageHero{padding:2.5rem .5rem;overflow-x:hidden}.heroContent{padding:0 .5rem;max-width:100%}.pageTitle{font-size:1.5rem}.pageGrid,.smallGrid{grid-template-columns:1fr;gap:.75rem}.contentCard{min-height:100px}.pageSubtitle{font-size:1rem}.pageSection{margin-bottom:1.5rem}.sectionHeader{margin-bottom:1rem;padding:.5rem 0}.contentCard [data-mantine-text-size=xl],.glass-card [data-mantine-text-size=xl]{font-size:1rem}.contentCard [data-mantine-text-size=lg],.glass-card [data-mantine-text-size=lg]{font-size:.875rem}.contentCard [data-mantine-title-order="4"],.glass-card [data-mantine-title-order="4"]{font-size:1rem}.contentCard [data-mantine-title-order="3"],.glass-card [data-mantine-title-order="3"]{font-size:1.125rem}.contentCard .gradient-title,.glass-card .gradient-title,.pageHero .gradient-title{font-size:1.25rem}.teamsHeaderControls{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.teamsHeaderActions{display:flex;justify-content:center}.teamsHeaderFilters{display:flex;flex-direction:column;gap:.75rem}.teamsSearchInput{width:100%}.teamsFilterRow{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:center}.teamsGameSelect,.teamsNationSelect{min-width:0}}