:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#fff;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;color:#fff}.app{max-width:1400px;margin:0 auto;padding:20px}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#00ff85;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error button{padding:12px 24px;background:#00ff85;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#1e3a5a,#0f172a);border-radius:16px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:16px}.header h1{font-size:2rem;background:linear-gradient(90deg,#fff,#00ff85);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#94a3b8}.header-meta{display:flex;gap:16px;align-items:center}.gw-badge{background:#00ff85;color:#000;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.9rem}.updated{color:#64748b;font-size:.85rem}.tabs{display:flex;gap:10px;margin-bottom:24px;justify-content:center;flex-wrap:wrap}.tabs button{padding:12px 24px;border:none;background:#ffffff14;color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s}.tabs button:hover{background:#ffffff26}.tabs button.active{background:linear-gradient(135deg,#00ff85,#04f5ff);color:#000;font-weight:600}.content{background:#ffffff08;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.08);min-height:600px}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0000004d;color:#fff;font-size:1rem}.search-input:focus{outline:none;border-color:#00ff85}.filter-select{padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0000004d;color:#fff;font-size:.95rem;cursor:pointer}.result-count{color:#64748b;font-size:.9rem}.stat-toggle{display:flex;gap:8px;margin-bottom:16px}.stat-toggle button{padding:8px 16px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.stat-toggle button.active{background:#1e3a5a;color:#fff;border-color:#00ff85}.table-container{overflow-x:auto}.players-table,.comparison-table,.teams-table{width:100%;border-collapse:collapse;font-size:.95rem}.players-table th,.comparison-table th{text-align:left;padding:12px 10px;background:#1e3a5a80;border-bottom:2px solid #00ff85;font-weight:600;white-space:nowrap;position:sticky;top:0}.players-table td,.comparison-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06)}.sticky-col{position:sticky;left:0;background:#1e293b;z-index:1}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:#00ff85}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#00ff8514}.player-name{font-weight:500}.stat-cell{text-align:center;font-variant-numeric:tabular-nums}.stat-cell.highlight{color:#00ff85;font-weight:600}.stat-cell.positive{color:#00ff85}.stat-cell.negative{color:#ff6384}.pos-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.pos-badge.GK{background:#f97316;color:#000}.pos-badge.DEF{background:#22c55e;color:#000}.pos-badge.MID{background:#3b82f6;color:#fff}.pos-badge.FWD{background:#ef4444;color:#fff}.pos-badge.small{padding:2px 6px;font-size:.7rem}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button{padding:8px 12px;border:none;background:#ffffff1a;color:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button:not(:disabled):hover{background:#fff3}.player-detail{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-btn{padding:10px 20px;border:none;background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;margin-bottom:20px}.back-btn:hover{background:#ffffff26}.player-header{margin-bottom:24px}.player-header h2{font-size:1.8rem;margin-bottom:8px}.player-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.team-name{color:#94a3b8}.player-news{margin-top:12px;padding:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#1e3a5a4d;border-radius:10px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.06)}.stat-card.highlight-green{border-color:#00ff85}.stat-value{font-size:1.6rem;font-weight:700;color:#fff}.stat-card.highlight-green .stat-value{color:#00ff85}.stat-label{font-size:.8rem;color:#94a3b8;margin-top:4px}.performance-section{margin-bottom:24px}.performance-section h3{margin-bottom:12px;color:#04f5ff}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.performance-card{padding:16px;border-radius:10px;border:2px solid transparent}.performance-card.positive{background:#00ff851a;border-color:#00ff85}.performance-card.negative{background:#ff63841a;border-color:#ff6384}.perf-label{font-size:.85rem;color:#94a3b8}.perf-value{font-size:1.5rem;font-weight:700;margin:4px 0}.performance-card.positive .perf-value{color:#00ff85}.performance-card.negative .perf-value{color:#ff6384}.perf-desc{font-size:.85rem;color:#94a3b8}.per90-section{margin-bottom:24px}.per90-section h3{margin-bottom:12px;color:#04f5ff}.per90-grid{display:flex;gap:24px;flex-wrap:wrap}.per90-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.per90-value{font-size:1.2rem;font-weight:600;color:#fff}.per90-label{font-size:.8rem;color:#64748b}.defensive-section{margin-bottom:24px}.defensive-section h3{margin-bottom:12px;color:#04f5ff}.def-stats-grid{display:flex;gap:20px;flex-wrap:wrap}.def-stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.def-value{font-size:1.3rem;font-weight:600}.def-label{font-size:.75rem;color:#64748b}.def-stat.warning .def-value{color:#fbbf24}.def-stat.danger .def-value{color:#ef4444}.chart-section{margin-bottom:24px}.chart-section h3{margin-bottom:12px;color:#04f5ff}.chart-container{background:#0003;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.06);margin-bottom:20px}.chart-container h3,.chart-container h4{margin-bottom:16px;color:#04f5ff}.chart-wrapper{height:300px}.chart-wrapper.radar{height:350px}.comparison-section{margin-bottom:24px}.comparison-section h3{margin-bottom:12px;color:#04f5ff}.comparison-grid{display:flex;gap:20px;flex-wrap:wrap}.comparison-item{background:#1e3a5a4d;padding:16px;border-radius:10px;min-width:200px}.comp-label{font-size:.85rem;color:#94a3b8}.comp-values{display:flex;align-items:center;gap:12px;margin:8px 0}.comp-player{font-size:1.3rem;font-weight:700;color:#00ff85}.comp-vs{color:#64748b}.comp-avg{font-size:1.1rem;color:#94a3b8}.comp-diff{font-size:.85rem}.comp-diff.positive{color:#00ff85}.comp-diff.negative{color:#ff6384}.similar-section{margin-bottom:24px}.similar-section h3{margin-bottom:12px;color:#04f5ff}.similar-list{display:flex;flex-direction:column;gap:8px}.similar-player{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff08;border-radius:6px}.similar-name{font-weight:500}.similar-team{color:#64748b;font-size:.9rem}.similar-stat{color:#00ff85;font-weight:600}.compare-header{text-align:center;margin-bottom:24px}.compare-header h2{font-size:1.5rem;margin-bottom:8px}.compare-header p{color:#94a3b8}.compare-search{margin-bottom:24px;position:relative}.search-row{display:flex;gap:12px;flex-wrap:wrap}.search-results{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:8px;max-height:300px;overflow-y:auto;z-index:10;margin-top:4px}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06)}.search-result-item:hover{background:#00ff851a}.result-name{font-weight:500}.result-team{color:#64748b;font-size:.9rem}.selected-players{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.selected-player-card{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#00ff851a;border:1px solid #00ff85;border-radius:8px}.selected-info{display:flex;align-items:center;gap:8px}.selected-name{font-weight:500}.selected-team{color:#94a3b8;font-size:.85rem}.remove-btn{background:none;border:none;color:#ff6384;font-size:1.3rem;cursor:pointer;line-height:1}.add-player-hint{display:flex;align-items:center;padding:10px 16px;color:#64748b;font-style:italic}.comparison-table-section{margin-bottom:24px}.comparison-table-section h3{margin-bottom:12px;color:#04f5ff}.comparison-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.comparison-hint{text-align:center;padding:60px;color:#64748b}.transfer-intro{text-align:center;margin-bottom:24px}.transfer-intro h2{font-size:1.5rem;margin-bottom:8px}.transfer-intro p{color:#94a3b8}.transfer-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-weight:600;color:#04f5ff}.control-group select{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0000004d;color:#fff;font-size:.95rem}.transfer-result{animation:fadeIn .3s ease}.verdict-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px}.verdict-emoji{font-size:2rem}.verdict-text{font-size:1.4rem;font-weight:700}.verdict-percent{font-size:1.1rem;font-weight:600}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-bottom:24px}.impact-card{background:#0003;border-radius:10px;padding:16px;text-align:center;border:2px solid transparent}.impact-card.positive{border-color:#00ff85}.impact-card.negative{border-color:#ff6384}.impact-value{font-size:1.3rem;font-weight:700}.impact-card.positive .impact-value{color:#00ff85}.impact-card.negative .impact-value{color:#ff6384}.impact-label{font-size:.8rem;color:#94a3b8;margin-top:4px}.insights-section{background:#1e3a5a4d;border-radius:12px;padding:20px;margin-bottom:24px}.insights-section h4{color:#04f5ff;margin-bottom:12px}.insights-section ul{list-style:none}.insights-section li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.insights-section li:last-child{border-bottom:none}.player-comparison-cards{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0;flex-wrap:wrap}.player-card{background:#0003;border-radius:12px;padding:20px;min-width:180px;text-align:center}.card-header{font-size:.85rem;color:#94a3b8;margin-bottom:8px}.player-card h4{margin-bottom:4px}.player-card .team{color:#64748b;font-size:.9rem;margin-bottom:12px}.card-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.card-stats span{background:#ffffff14;padding:4px 8px;border-radius:4px;font-size:.8rem}.player-card.outgoing{border:2px solid #ff6384}.player-card.incoming{border:2px solid #00ff85}.arrow{font-size:2rem;color:#04f5ff}.disclaimer{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:16px;margin-top:24px}.disclaimer p{color:#fbbf24;font-size:.9rem}.transfer-hint{text-align:center;padding:40px;color:#64748b}.search-wrapper{position:relative}.player-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:8px;max-height:300px;overflow-y:auto;z-index:20;margin-top:4px}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.dropdown-item:hover{background:#00ff851a}.dropdown-name{font-weight:500;flex:1}.dropdown-team{color:#64748b;font-size:.85rem}.dropdown-stats{color:#00ff85;font-size:.8rem;font-family:monospace}.selected-incoming{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;background:#00ff851a;border:1px solid #00ff85;border-radius:8px;font-size:.95rem}.selected-incoming button{background:none;border:none;color:#ff6384;font-size:1.3rem;cursor:pointer;margin-left:auto;line-height:1}.footer{text-align:center;padding:30px;color:#475569;font-size:.9rem}@media(max-width:768px){.header{flex-direction:column;text-align:center}.header h1{font-size:1.6rem}.comparison-charts{grid-template-columns:1fr}.chart-wrapper{height:250px}.stats-grid{grid-template-columns:repeat(2,1fr)}.player-comparison-cards{flex-direction:column}.arrow{transform:rotate(90deg)}}