#root{width:100vw;margin:0;padding:0;text-align:center;font-family:Roboto,sans-serif;color:#000;background-color:transparent}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:transparent;font-family:Roboto,sans-serif}.App{text-align:center;width:100vw;margin:0;padding:1rem;background:linear-gradient(135deg,#d71920,#1a1a1a);background-size:cover;color:#fff;min-height:100vh;position:relative;font-family:Roboto,sans-serif}.header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;background:rgba(218,165,32,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;border-radius:10px;box-shadow:0 4px 15px #0006;border:1px solid rgba(255,255,255,.3)}.man-utd-logo{width:80px;height:auto;border-radius:50%;border:2px solid #fff;transition:transform .3s ease,box-shadow .3s ease}.man-utd-logo:hover{transform:scale(1.1);box-shadow:0 0 15px #d7192080}h1{font-size:2.5rem;margin:0;color:#fff;font-family:Montserrat,sans-serif;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:linear-gradient(90deg,#d71920,#a1121d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.Fixtures{margin-top:2rem;background:rgba(255,255,255,.95);padding:1.5rem;border-radius:10px;box-shadow:0 4px 15px #0003;width:100%;color:#333}.Fixtures table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Arial,sans-serif;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.Fixtures th,.Fixtures td{border:1px solid #ddd;padding:12px;text-align:left;transition:background-color .3s ease}.Fixtures th{background:linear-gradient(to bottom,#d71920,#a1121d);color:#fff;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.Fixtures tr:nth-child(2n){background-color:#f8f8f8}.Fixtures tr:hover{background-color:#f0f0f0;transform:scale(1.01);box-shadow:0 2px 5px #0000001a}.fixture-row{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.team-logo{width:30px;height:30px;vertical-align:middle;margin-right:8px;border-radius:4px;border:1px solid #ddd}.Fixtures td.highlight-column{max-width:200px}.filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;background:rgba(255,255,255,.9);padding:1rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;border:1px solid rgba(215,25,32,.2)}.search-input,.competition-filter,.sort-filter{padding:10px;border:1px solid #d71920;border-radius:4px;font-size:1rem;width:200px;transition:border-color .3s ease,box-shadow .3s ease;background:#fff;color:#333}.search-input:focus,.competition-filter:focus,.sort-filter:focus{border-color:#a1121d;outline:none;box-shadow:0 0 8px #d719204d}.pagination{margin-top:1rem;display:flex;justify-content:center;gap:1rem;align-items:center;background:rgba(255,255,255,.9);padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;border:1px solid rgba(215,25,32,.2)}.pagination button{padding:8px 16px;border:none;border-radius:4px;background:linear-gradient(90deg,#d71920,#a1121d);color:#fff;cursor:pointer;transition:background .3s ease,transform .3s ease;box-shadow:0 2px 5px #0003}.pagination button:disabled{background:#666;color:#ccc;cursor:not-allowed;box-shadow:none}.pagination button:hover:not(:disabled){background:linear-gradient(90deg,#a1121d,#d71920);transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.pagination span{font-size:1rem;color:#333}.modal-close-btn{padding:8px 16px;background:linear-gradient(90deg,#d71920,#a1121d);color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:1rem;transition:background .3s ease,transform .3s ease;box-shadow:0 2px 5px #0003}.modal-close-btn:hover{background:linear-gradient(90deg,#a1121d,#d71920);transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}@media (max-width: 768px){.App{padding:.5rem}.header{gap:.3rem}.man-utd-logo{width:60px}h1{font-size:2rem}.Fixtures{padding:1rem}.Fixtures table{display:block;overflow-x:auto}.Fixtures th,.Fixtures td{padding:8px;font-size:14px}.Fixtures td.highlight-column{max-width:150px}.filters{flex-direction:column;align-items:stretch}.search-input,.competition-filter,.sort-filter{width:100%}.team-logo{width:25px;height:25px}.pagination{flex-direction:row;padding:.3rem .8rem}.pagination button{padding:6px 12px}}@media (max-width: 480px){.man-utd-logo{width:50px}h1{font-size:1.8rem}.Fixtures th,.Fixtures td{font-size:12px}.Fixtures td.highlight-column{max-width:120px}.pagination{flex-direction:column;gap:.5rem;padding:.2rem .5rem}.pagination button{padding:4px 8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Fixtures{animation:fadeIn .7s ease-out}.fixture-row:hover{box-shadow:0 4px 10px #0003}.match-highlights{margin-top:20px}.match-highlights h3{font-size:1.2rem;margin-bottom:10px;color:#d71920;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.match-highlights.modal .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid #d71920;border-radius:8px;box-shadow:0 2px 10px #0003}.match-highlights.table .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid #d71920;border-radius:4px;box-shadow:0 1px 5px #0000001a}.match-highlights .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.match-highlights p{font-style:italic;color:#666;font-size:.9rem}@media (max-width: 768px){.match-highlights.table .video-container{padding-bottom:56.25%}}