@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--success-500: #10b981;--success-600: #059669;--error-500: #ef4444;--error-600: #dc2626;--warning-500: #f59e0b;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-950: #09090b;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-card: rgba(26, 26, 36, .8);--bg-glass: rgba(255, 255, 255, .03);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-accent: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(139, 92, 246, .1) 100%);--gradient-glow: radial-gradient(ellipse at 50% 50%, rgba(99, 102, 241, .15) 0%, transparent 70%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--shadow-glow-accent: 0 0 40px rgba(245, 158, 11, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(245,158,11,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid rgba(255,255,255,.06);padding:var(--space-6);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar__logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;margin-bottom:var(--space-8)}.sidebar__logo-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-glow)}.sidebar__logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__nav{flex:1}.sidebar__nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);transition:all var(--transition-base)}.sidebar__nav-link:hover{background:var(--bg-glass);color:var(--text-primary)}.sidebar__nav-link.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.sidebar__nav-icon{font-size:1.25rem;width:24px;text-align:center}.main-content{flex:1;margin-left:280px;padding:var(--space-8);min-height:100vh}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:2rem;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.page-header__subtitle{color:var(--text-muted);font-size:1rem}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base)}.card:hover{border-color:#6366f14d;box-shadow:var(--shadow-lg)}.card--glow:hover{box-shadow:var(--shadow-glow)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:var(--shadow-glow)}.stat-card:hover:before{opacity:1}.stat-card--accent:before{background:var(--gradient-accent)}.stat-card--accent:hover{box-shadow:var(--shadow-glow-accent)}.stat-card__icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-4)}.stat-card--accent .stat-card__icon{background:var(--gradient-accent)}.stat-card__label{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.stat-card__value{font-family:var(--font-display);font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card--accent .stat-card__value{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media(max-width:1200px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.table-container{overflow-x:auto;border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th{padding:var(--space-4);text-align:left;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.table td{padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);transition:all var(--transition-fast)}.table tr:hover td{background:#6366f10d;color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table__team{display:flex;align-items:center;gap:var(--space-3)}.table__team-logo{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:contain;background:#ffffff0d;padding:4px}.table__team-name{font-weight:500;color:var(--text-primary)}.table__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.table__badge--primary{background:#6366f133;color:var(--primary-400)}.table__badge--success{background:#10b98133;color:var(--success-500)}.table__badge--warning{background:#f59e0b33;color:var(--warning-500)}.chart-container{width:100%;height:370px;padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:500;font-size:.9375rem;cursor:pointer;border:none;transition:all var(--transition-base)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn--secondary{background:var(--bg-glass);border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.btn--secondary:hover{background:#ffffff14;border-color:#6366f180}.search-bar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.search-input{flex:1;max-width:400px;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);background:var(--bg-glass);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:.9375rem;transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}.search-input::placeholder{color:var(--text-muted)}.search-wrapper{position:relative;flex:1;max-width:400px}.search-wrapper__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted)}.filter-group{display:flex;gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--bg-glass);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--primary-500);color:var(--text-primary)}.filter-btn.active{background:var(--primary-600);border-color:var(--primary-500);color:#fff}.select{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);background:var(--bg-glass);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:.9375rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a1a1aa'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:20px;transition:all var(--transition-base)}.select:focus{outline:none;border-color:var(--primary-500)}.select option{background:var(--bg-secondary);color:var(--text-primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-muted)}.loading__spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{font-size:.9375rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:1.25rem;margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state__description{color:var(--text-muted);max-width:400px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.error-state__icon{font-size:4rem;margin-bottom:var(--space-4);color:var(--error-500)}.error-state__title{font-size:1.25rem;margin-bottom:var(--space-2);color:var(--text-primary)}.error-state__description{color:var(--text-muted);max-width:400px;margin-bottom:var(--space-6)}.player-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;text-align:center}.player-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:var(--shadow-glow)}.player-card__avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:var(--space-4);color:#fff}.player-card__name{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-1)}.player-card__role{color:var(--text-muted);font-size:.875rem;text-transform:capitalize}.player-card__stats{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.player-card__stat{text-align:center}.player-card__stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-400)}.player-card__stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.match-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base)}.match-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-lg)}.match-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.match-card__date{font-size:.875rem;color:var(--text-muted)}.match-card__status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.match-card__status--completed{background:#10b98133;color:var(--success-500)}.match-card__teams{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.match-card__team{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1}.match-card__team-logo{width:48px;height:48px;object-fit:contain}.match-card__team-name{font-weight:600;font-size:.9375rem}.match-card__team-score{font-size:1.25rem;font-weight:700;color:var(--primary-400)}.match-card__vs{font-size:.875rem;color:var(--text-muted);font-weight:500}.match-card__result{font-size:.875rem;color:var(--success-500);text-align:center;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination__btn:hover{border-color:var(--primary-500);color:var(--text-primary)}.pagination__btn.active{background:var(--primary-600);border-color:var(--primary-500);color:#fff}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__info{padding:0 var(--space-4);color:var(--text-muted);font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}@media(max-width:1024px){.sidebar{width:80px;padding:var(--space-4)}.sidebar__logo-text,.sidebar__nav-text{display:none}.sidebar__logo{justify-content:center}.sidebar__nav-link{justify-content:center;padding:var(--space-3)}.main-content{margin-left:80px}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--space-4)}.stats-grid{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-600)}.recharts-responsive-container{margin:0 auto}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-secondary)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--radius-md)!important;padding:var(--space-3)!important}.recharts-tooltip-label{color:var(--text-primary)!important;font-weight:600!important}.recharts-tooltip-item,.recharts-legend-item-text{color:var(--text-secondary)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important;font-size:12px!important}.recharts-cartesian-grid line{stroke:#ffffff0f!important}