@charset "UTF-8";body{background-color:#222;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0;min-height:100vh}.content-section{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:20px 5px;gap:20px;box-sizing:border-box}.left-panel{flex:3;display:flex;flex-direction:column;gap:20px}.right-panel{flex:1;display:flex;flex-direction:column;gap:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#f0b323;border-radius:20px;transition:background-color .3s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:#896a24}@media (max-width: 480px){.content-section{flex-direction:column;padding:15px}.left-panel,.right-panel{width:100%}}@media (min-width: 481px) and (max-width: 768px){.content-section{flex-direction:column;padding:20px}.left-panel,.right-panel{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.content-section{flex-direction:row;padding:20px;gap:16px}}@media (min-width: 1025px) and (max-width: 1440px){.content-section{flex-direction:row;max-width:1200px;padding:30px 10px}}@media (min-width: 1441px){.content-section{max-width:1400px;padding:40px 20px}}.navbar{display:flex;justify-content:space-between;align-items:center;height:80px;background-color:#333;margin-top:30px;padding:5px 20px;z-index:1000;border-top-left-radius:15px;border-top-right-radius:15px;flex-wrap:wrap;position:relative;box-sizing:border-box}.school-name-logo{height:50px;mix-blend-mode:screen;filter:saturate(1.5);transition:transform .3s ease;cursor:pointer}.school-name-logo:hover{transform:scale(1.05)}.nav-links{list-style:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin:0;padding:0;gap:20px}.nav-links .bx{font-size:22px}.nav-links li{margin:0}.nav-links a{text-decoration:none;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;transition:color .3s ease;position:relative}.nav-links a:hover{color:#e09f1f}.nav-links a:after{content:"";display:block;height:2px;background-color:#e09f1f;width:0;transition:width .3s ease-in-out;margin:4px auto 0}.nav-links a:hover:after{width:100%}.social-icons{display:flex;align-items:center;justify-content:center;gap:15px}.social-icons a{font-size:26px;color:#e09f1f;transition:color .3s ease}.social-icons a i{margin-top:5px}.social-icons a:hover{color:#fff}.menu-toggle{display:none;font-size:1.8rem;color:#e09f1f;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.menu-toggle{display:block;position:absolute;top:24px;right:20px;z-index:10}.nav-links{flex-direction:column;align-items:center;width:100%;text-align:center;background-color:#333;padding:0;margin-top:60px;border-top:1px solid #444;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .3s ease}.nav-links.show{max-height:500px;opacity:1;padding:10px 0}.nav-links li{opacity:0;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease}.nav-links.show li{opacity:1;transform:translateY(0)}.nav-links a{font-size:.95rem;padding:10px 0;display:block}.navbar{flex-direction:column;height:auto;padding:10px 20px}.logo-container{margin-bottom:10px}.social-icons{margin-top:10px;gap:10px}.social-icons a{font-size:24px}}@media (min-width: 481px) and (max-width: 768px){.nav-links{gap:15px}.social-icons a{font-size:26px}}@media (min-width: 769px) and (max-width: 1024px){.nav-links{gap:18px}}@media (min-width: 1440px){.navbar{max-width:1400px;margin:30px auto 0}}.hero-section{overflow:hidden;width:100%;position:relative}.hero-slider,.hero-content,.hero-section{max-width:1280px;margin:0 auto;position:relative}.hero-img{width:100%;height:auto;max-height:650px;object-fit:cover;filter:brightness(.9) contrast(1.1) saturate(.8);z-index:1}.uk-position-center-left,.uk-position-center-right{width:40px;height:40px}.uk-position-center-left:before,.uk-position-center-right:before{font-size:2rem;color:#fff}.nav-arrow:hover{opacity:.8}.hero-league-logo{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);width:15vw;max-width:150px;min-width:80px;z-index:2;filter:saturate(1.5)}.hero-content h1{font-family:Poppins,sans-serif;text-align:center;color:#fff;font-size:48px;margin-top:50px;position:relative}.hero-content h1:after{content:"";display:block;height:4px;border-bottom:2px solid #e09f1f;width:0;margin:0 auto;transition:width .3s ease-in-out;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hero-content h1:hover:after{width:40%}@media (max-width: 480px){.hero-img{max-height:300px}.hero-league-logo{width:25vw;max-width:120px}.hero-content h1{font-size:1.8rem;margin-top:30px}.uk-position-center-left,.uk-position-center-right{width:30px;height:30px}.uk-position-center-left:before,.uk-position-center-right:before{font-size:1.5rem}}@media (min-width: 481px) and (max-width: 768px){.hero-img{max-height:400px}.hero-league-logo{width:18vw;max-width:130px}.hero-content h1{font-size:2.2rem}}@media (min-width: 769px) and (max-width: 1024px){.hero-img{max-height:500px}.hero-content h1{font-size:2.5rem}}@media (min-width: 1025px) and (max-width: 1366px){.hero-img{max-height:600px}.hero-content h1{font-size:2.8rem}}@media (min-width: 1367px){.hero-img{max-height:700px}.hero-content h1{font-size:3rem}}.news-section{padding:20px;width:100%;flex-grow:1;display:flex;flex-direction:column;background-color:#333;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .3s ease;margin:0 auto;box-sizing:border-box}.news-section:hover{transform:scale(1.03)}.news-section h2{color:#d9a326;font-weight:700;font-size:2rem;margin-bottom:1rem;text-align:center}.news-list{list-style-type:none;padding:0;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:15px}.news-section-item{display:flex;flex-direction:column;padding:15px;background-color:#444;border-radius:8px;box-shadow:0 2px 4px #0003;transition:background-color .3s ease}.news-section-item:hover{background-color:#555}.news-section-item a{text-decoration:none}.news-section-item h3{color:#d9a326;font-size:1.2rem;margin:0 0 8px}.news-section-item p{color:#fff;font-size:1rem;margin:5px 0 10px}.news-section-item small{color:#888;font-size:.9rem;display:block;margin-top:8px}.news-loading,.news-error{color:#ccc;font-style:italic;margin-top:10px;font-size:1rem}@media (max-width: 480px){.news-section{padding:1rem}.news-section h2{font-size:1.6rem}.news-section-item{padding:12px}.news-section-item h3{font-size:1.1rem}.news-section-item p{font-size:.9rem}.news-section-item small{font-size:.8rem}.news-section:hover{transform:scale(1.01)}}@media (min-width: 481px) and (max-width: 768px){.news-section h2{font-size:1.8rem}.news-section-item h3{font-size:1.2rem}.news-section-item p{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.news-section h2{font-size:2rem}}@media (min-width: 1367px){.news-section{max-width:1280px}}.upcoming-match{display:flex;flex-direction:column;flex-grow:1;max-width:100%;background-color:#333;color:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 15px #0006;transition:transform .3s ease;margin:0 auto;box-sizing:border-box}.upcoming-match:hover{transform:scale(1.02)}.upcoming-match h2{font-size:1.8rem;color:#f0b323;margin-bottom:16px;font-weight:700;text-align:center}.upcoming-rounds{display:flex;flex-direction:column;gap:16px}.round-box{background-color:#444;border-radius:8px;padding:15px;text-align:left;box-shadow:0 3px 8px #0000004d;transition:transform .3s ease,background-color .3s ease}.round-box:hover{background-color:#555;transform:translateY(-2px)}.round-box p{margin:6px 0;font-size:1rem}.round-date{color:#f0b323;font-weight:700;font-size:1.1rem}.error{color:red;font-weight:700;margin-bottom:10px;text-align:center}@media (max-width: 480px){.upcoming-match{padding:15px}.upcoming-match h2{font-size:1.5rem}.round-box{padding:12px}.round-box p{font-size:.95rem}.round-date{font-size:1rem}.upcoming-match:hover{transform:scale(1.01)}}@media (min-width: 481px) and (max-width: 768px){.upcoming-match{padding:18px}.upcoming-match h2{font-size:1.6rem}.round-box p{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.round-box p{font-size:1.05rem}}@media (min-width: 1367px){.upcoming-match{max-width:1200px}}.footer-container{margin-top:30px;background-color:#d9a326;width:100%;border-top-right-radius:15px;border-top-left-radius:15px}.footer{max-width:1280px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:40px 50px 10px;margin:0 auto;box-sizing:border-box}.footer-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.footer-league-logo{width:140px;filter:saturate(1.5)}.footer-school-name-logo{width:140px;border-radius:10px}.footer-links{display:flex;flex-direction:column;align-items:flex-end;margin-top:18px}.footer-links ul{list-style-type:none;text-align:left;line-height:2;font-size:14px;padding-left:0}.footer-links ul a{color:#fff;text-decoration:none}.footer-links ul a:hover{color:#222}.footer-socials-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.footer-socials-container a{padding:5px;font-size:28px;color:#222}.footer-socials-container a:hover{color:#fff}.footer-copyright{padding:20px;text-align:center;font-size:14px;background-color:#d9a326}@media (max-width: 480px){.footer{flex-direction:column;padding:30px 20px 10px;text-align:center}.footer-logo-container{margin-bottom:20px}.footer-league-logo,.footer-school-name-logo{width:120px}.footer-links{align-items:center;margin-top:15px}.footer-links ul{font-size:13px;line-height:1.8}.footer-socials-container{flex-direction:row;gap:15px;margin-top:20px}.footer-socials-container a{font-size:24px}}@media (min-width: 481px) and (max-width: 768px){.footer{padding:30px 30px 10px;flex-direction:column;align-items:center;text-align:center}.footer-league-logo,.footer-school-name-logo{width:130px}.footer-links{align-items:center;margin-top:20px}.footer-socials-container{flex-direction:row;margin-top:20px}}@media (min-width: 769px) and (max-width: 1024px){.footer{padding:40px 60px 10px}}@media (min-width: 1367px){.footer{max-width:1400px}}.live-match-component-container{width:100%;flex-grow:1;display:flex;flex-direction:column;padding:20px;background-color:#333;color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;text-align:center;transition:transform .3s ease;margin:0 auto;box-sizing:border-box}.live-match-component-container:hover{transform:scale(1.02)}.live-match-background{background-color:#444;border-radius:10px;padding:12px}.live-match-component-container h2{color:#f0b323;font-weight:700;margin-bottom:5px;font-size:2rem}.match-info{font-size:1rem;color:#ccc;margin-bottom:12px}.live-team{display:flex;flex-direction:column;align-items:center}.live-team img{width:160px;height:160px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 8px #0006;object-fit:cover}.team-name{font-size:1.5rem;font-weight:700;color:#d9a326;margin-bottom:4px;text-align:center}.score-info{display:flex;flex-direction:column;align-items:center;font-size:1.2rem}.score{font-size:2rem;font-weight:700;color:#d9a326}.period-info{display:flex;flex-direction:column;font-size:1rem;color:#d9a326;margin-top:6px}@media (max-width: 480px){.scoreboard{flex-direction:column;padding:0 20px;gap:16px}.live-team img{width:120px;height:120px}.team-name{font-size:1.2rem}.score{font-size:1.6rem}.period-info,.time-left{font-size:.9rem}.live-match-component-container h2{font-size:1.6rem}}@media (min-width: 481px) and (max-width: 768px){.scoreboard{flex-direction:column;padding:0 30px}.live-team img{width:140px;height:140px}.team-name{font-size:1.3rem}.score{font-size:1.8rem}}@media (min-width: 769px) and (max-width: 1024px){.scoreboard{flex-wrap:wrap;padding:0 50px}}@media (min-width: 1367px){.live-match-component-container{max-width:1200px}}.news-page{background-color:#333;border-radius:8px;color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center;max-width:100%}.news-title{color:#d9a326;text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.news-item{display:flex;margin-bottom:20px;padding:1rem;background-color:#444;border-radius:8px;max-width:1200px;width:100%;box-sizing:border-box;transition:background-color .3s ease}.news-item:hover{background-color:#666}.news-content{flex:1}.news-content h2{margin-top:0;color:#fff}.news-date{color:#f19e3b;font-size:.9rem}.news-toggle-button{background-color:#d9a326;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:.5rem;max-width:fit-content;white-space:nowrap;align-self:flex-start;font-size:1rem;transition:background-color .3s ease}.news-toggle-button:hover{background-color:#b3861d}.news-description{overflow:hidden;transition:max-height .5s ease;white-space:pre-line}.news-image-container{margin-left:1rem;width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.news-image{width:100%;border-radius:8px;cursor:pointer}.news-image-caption{font-size:.8rem;color:#bebebe;text-align:center;margin-top:.5rem}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;animation:fadeIn .4s ease}.lightbox-image{max-width:90%;max-height:90%;border-radius:8px;animation:scaleIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.news-page{padding:1rem}.news-title{font-size:1.6rem}.news-item{flex-direction:column;align-items:center;padding:1rem .5rem;margin-bottom:1.5rem}.news-image-container{margin-left:0;margin-bottom:1rem;width:100%;max-width:280px}.news-content h2{font-size:1.2rem;text-align:center}.news-toggle-button{width:100%;text-align:center;align-self:center;font-size:1rem;padding:.75rem 1rem}}@media (min-width: 481px) and (max-width: 768px){.news-page{padding:1.5rem}.news-title{font-size:1.8rem}.news-item{flex-direction:column;align-items:center;padding:1rem;margin-bottom:1.5rem}.news-image-container{margin-left:0;margin-bottom:1rem;width:100%;max-width:300px}.news-content h2{font-size:1.4rem;text-align:center}.news-toggle-button{width:100%;text-align:center;align-self:center;font-size:1rem;padding:.75rem 1rem}}@media (min-width: 769px) and (max-width: 1024px){.news-title{font-size:2rem}.news-item{flex-direction:row;flex-wrap:wrap}.news-image-container{width:120px}.news-content h2{font-size:1.5rem}.news-toggle-button{font-size:.95rem;padding:.6rem 1rem}}@media (min-width: 1025px) and (max-width: 1440px){.news-title{font-size:2rem}.news-content h2{font-size:1.6rem}.news-toggle-button{font-size:.95rem;padding:.5rem 1rem}}@media (min-width: 1441px){.news-page{max-width:1400px;margin:0 auto}.news-item{max-width:1400px}.news-title{font-size:2.2rem}.news-content h2{font-size:1.8rem}.news-toggle-button{font-size:1rem;padding:.75rem 1.25rem}.news-image-container{width:200px}}.teams-page{background-color:#333;border-radius:8px;color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box}.teams-title{color:#d9a326;text-align:center;font-weight:700;margin-bottom:2rem;font-size:2rem}.teams-refresh-btn{background-color:#d9a326;color:#fff;border:none;padding:10px 16px;font-weight:700;font-size:1.1rem;border-radius:10px;cursor:pointer;transition:transform .2s ease,background-color .3s ease}.teams-refresh-btn:hover{background-color:#e09f1f;transform:scale(1.05)}.teams-year-selector{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;gap:10px}.teams-year-selector label{margin-right:10px;font-weight:700;color:#f0b323}.teams-year-selector select{padding:10px 16px;font-size:1rem;background-color:#444;color:#fff;border-radius:6px;border:1px solid #777;font-family:Poppins,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:140px;text-align:center}.gym-section{width:100%;max-width:1000px;margin-bottom:2rem;overflow-x:auto}.gym-title{color:#d9a326;text-align:left;margin-bottom:1rem;font-size:1.5rem}.teams-table{width:100%;border-collapse:collapse;background-color:#444;border-radius:8px;overflow:hidden;min-width:400px}.teams-table th,.teams-table td{padding:.75rem;text-align:center;color:#fff;border-bottom:1px solid #555;font-size:1rem}.teams-table th{background-color:#555;font-size:1.1rem}.teams-table tr:hover{background-color:#666}.expand-btn{background:none;border:none;color:#d9a326;font-size:1.2rem;cursor:pointer;transition:transform .2s ease}.expand-btn:hover{transform:scale(1.2)}.expanded-row,tr.expanded-row:hover{background-color:#d9a326}.match-details{padding:1rem;background-color:#444;border-radius:8px;color:#fff}.match-details h4{margin:0 0 .5rem;color:#d9a326;text-align:left}.match-details ul{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.match-details li{padding:.25rem 0;margin-right:10px;font-size:.95rem}@media (max-width: 480px) and (orientation: portrait){.teams-page{padding:1rem}.teams-title{font-size:1.6rem}.gym-title{font-size:1.2rem}.teams-table th,.teams-table td{font-size:.9rem;padding:.5rem}.expand-btn{font-size:1rem}.match-details ul{flex-direction:column}.match-details li{margin-right:0;font-size:.9rem}}@media (max-width: 812px) and (orientation: landscape){.teams-page{padding:1rem 1.5rem}.teams-title{font-size:1.7rem}.gym-title{font-size:1.3rem}.teams-table th,.teams-table td{font-size:1rem;padding:.6rem}.match-details li{font-size:.95rem}.teams-refresh-btn{font-size:1rem;padding:8px 14px}}@media (min-width: 481px) and (max-width: 768px){.teams-title{font-size:1.8rem}.gym-title{font-size:1.3rem}}@media (min-width: 769px) and (max-width: 1024px){.teams-title{font-size:2rem}.gym-title{font-size:1.4rem}}@media (min-width: 1440px){.teams-page{max-width:1400px;margin:0 auto}}.goal-scorers-page{background-color:#333;color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center;min-height:30vh;box-sizing:border-box;width:100%}.goal-scorers-title{color:#d9a326;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.goal-scorers-refresh-btn{background-color:#d9a326;color:#fff;border:none;padding:10px 16px;font-weight:700;font-size:1.1rem;border-radius:10px;transition:transform .2s ease,background-color .3s ease;margin-bottom:2rem;cursor:pointer}.goal-scorers-refresh-btn:hover{background-color:#e09f1f;transform:scale(1.05)}.gym-section{width:100%;max-width:900px;margin-bottom:2.5rem;overflow-x:auto;padding:0 1rem;box-sizing:border-box}.gym-title{color:#d9a326;text-align:left;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.goal-scorers-table{width:100%;border-collapse:collapse;background-color:#444;border-radius:8px;overflow:hidden;min-width:400px;box-shadow:0 3px 10px #0006}.goal-scorers-table th,.goal-scorers-table td{padding:.75rem;text-align:center;color:#fff;border-bottom:1px solid #555;font-size:1rem;vertical-align:middle}.goal-scorers-table th{background-color:#555;font-size:1.1rem;font-weight:600}.goal-scorers-table tr:hover{background-color:#666}@media (max-width: 480px){.goal-scorers-page{padding:1rem}.goal-scorers-title{font-size:1.6rem}.gym-title{font-size:1.2rem}.goal-scorers-table th,.goal-scorers-table td{font-size:.9rem;padding:.5rem}.goal-scorers-refresh-btn{font-size:1rem;padding:8px 12px}.gym-section{padding:0}}@media (min-width: 481px) and (max-width: 768px){.goal-scorers-title{font-size:1.8rem}.gym-title{font-size:1.3rem}.goal-scorers-table th,.goal-scorers-table td{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.goal-scorers-title{font-size:2rem}.gym-title{font-size:1.4rem}}@media (min-width: 1367px){.gym-section{max-width:1000px}.goal-scorers-title{font-size:2.2rem}}.schedule-page{padding:20px;text-align:center;min-height:70vh;background-color:#1c1c1c;font-family:Poppins,sans-serif;color:#fff;box-sizing:border-box}.schedule-title{color:#d9a326;font-size:2rem;font-weight:700;margin-bottom:20px}.schedule-selector{padding:12px 16px;margin-bottom:30px;font-size:1rem;background-color:#444;color:#fff;border-radius:6px;border:1px solid #777;font-family:Poppins,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none}.schedule-round-title span{font-size:1.2rem;font-weight:700;color:#d9a326;text-align:center;margin-bottom:10px;display:block;font-family:Poppins,sans-serif}.schedule-grid-of-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.schedule-round-card{background:#333;padding:16px;border-radius:12px;box-shadow:0 3px 12px #00000080;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;transition:transform .2s ease}.schedule-round-card:hover{transform:scale(1.01)}.schedule-match-grid{display:flex;flex-direction:column;gap:10px}.schedule-match-card{background-color:#444;color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 6px #0000004d;transition:transform .2s ease}.schedule-match-card:hover{transform:scale(1.02);background-color:#555}.schedule-match-score-line{display:flex;justify-content:center;align-items:center;gap:10px;font-size:1.05rem}.schedule-match-score{color:#f0b323;font-weight:700;min-width:50px;text-align:center}.schedule-team-name{font-weight:600;color:#fff}.schedule-vs-label{font-size:.85rem;color:#ccc}@media (max-width: 480px){.schedule-page{padding:1rem}.schedule-title{font-size:1.6rem}.schedule-selector{width:100%;font-size:.95rem}.schedule-round-title span{font-size:1.1rem}.schedule-match-score-line{font-size:.95rem}.schedule-vs-label{font-size:.8rem}.schedule-round-card{padding:12px}.schedule-grid-of-rounds{grid-template-columns:1fr;padding:10px}}@media (min-width: 481px) and (max-width: 768px){.schedule-title{font-size:1.8rem}.schedule-selector{font-size:1rem}.schedule-grid-of-rounds{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.schedule-title{font-size:2rem}.schedule-selector{font-size:1rem}.schedule-grid-of-rounds{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1025px) and (max-width: 1440px){.schedule-title{font-size:2rem}}@media (min-width: 1441px){.schedule-page{max-width:1400px;margin:0 auto}.schedule-title{font-size:2.2rem}}.playoff-bracket{overflow-x:auto;background-color:#2d2d2d;padding:20px;border-radius:8px;box-sizing:border-box}.bracket-svg-wrapper{background-color:#2d2d2d}.playoff-bracket h2{color:#d9a326;text-align:center;margin-bottom:1rem}.playoff-round-block{background-color:#333;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0006}.playoff-round-block h3{color:#d9a326;font-size:1.4rem;margin-bottom:15px;text-align:center}.match-row{background:#444;border:1px solid #555;border-radius:6px;padding:10px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;transition:background .2s ease}.match-row:hover{background:#555}.team-name{font-weight:500;color:#fff;font-size:1rem}.vs{color:#bbb;font-size:.9rem;font-weight:700}.score{color:#d9a326;font-weight:700;font-size:1.1rem}.playoff-bracket-reset{display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;border-radius:12px;overflow-x:auto;padding:2rem 1rem;max-width:100%;box-sizing:border-box;font-family:Poppins,sans-serif}.playoff-bracket-reset p{color:#ccc;font-style:italic;text-align:center;margin:0 auto}.playoff-bracket-reset svg{display:block;height:auto;width:100%;min-width:700px;max-width:1400px}.bracket-svg-wrapper text{font-family:Poppins,sans-serif;font-size:14px;fill:#fff}.bracket-svg-wrapper .score-text{fill:#f0b323!important;font-weight:700}.bracket-svg-wrapper .match{stroke:#777;fill:#333}.bracket-svg-wrapper .connector{stroke:#d9a326;stroke-width:2px}@media (max-width: 480px){.playoff-bracket{padding:1rem}.playoff-round-block{padding:15px}.playoff-round-block h3{font-size:1.2rem}.match-row{flex-direction:column;gap:5px}.team-name{font-size:.95rem}.score{font-size:1rem}.vs{font-size:.85rem}.playoff-bracket-reset{padding:1rem .5rem}.playoff-bracket-reset svg{min-width:100%;max-width:100%}}@media (min-width: 481px) and (max-width: 768px){.playoff-round-block h3{font-size:1.3rem}.match-row{gap:6px}.team-name{font-size:1rem}.playoff-bracket-reset svg{min-width:90%}}@media (min-width: 769px) and (max-width: 1024px){.playoff-round-block h3{font-size:1.4rem}.playoff-bracket-reset svg{min-width:100%}}@media (min-width: 1367px){.playoff-bracket{max-width:1200px;margin:0 auto}.playoff-bracket-reset svg{max-width:1400px}}.playoff-view-page{padding:20px;font-family:Poppins,sans-serif;text-align:center;background-color:#1c1c1c;color:#fff;min-height:100vh;box-sizing:border-box}.playoff-title{color:#d9a326;font-size:2rem;margin-bottom:20px}.division-title{font-size:1.5rem;color:#f0b323;margin-top:30px;margin-bottom:15px}.bracket-section{margin-bottom:40px;padding:15px;border:1px solid #444;border-radius:8px;background-color:#2d2d2d;overflow-x:auto;min-width:300px;box-shadow:0 2px 10px #0006}.error{color:#ff4f4f;font-weight:700;margin-top:20px;font-size:1.1rem}@media (max-width: 480px){.playoff-view-page{padding:1rem}.playoff-title{font-size:1.6rem}.division-title{font-size:1.2rem}.bracket-section{padding:10px;margin-bottom:30px}}@media (min-width: 481px) and (max-width: 768px){.playoff-title{font-size:1.8rem}.division-title{font-size:1.4rem}.bracket-section{padding:12px}}@media (min-width: 769px) and (max-width: 1024px){.playoff-title{font-size:2rem}.division-title{font-size:1.5rem}}@media (min-width: 1440px){.playoff-view-page{max-width:1400px;margin:0 auto}}.live-match-container{max-width:1300px;margin:auto;padding:30px;background-color:#333;color:#fff;border-radius:14px;box-shadow:0 6px 20px #00000080;text-align:center;font-family:Arial,sans-serif;transition:transform .3s ease;box-sizing:border-box;width:100%}.live-match-container:hover{transform:scale(1.02)}.live-match-background h2{color:#f0b323;font-weight:700;margin-bottom:10px;font-size:2rem}.match-info{font-size:1.1rem;margin-bottom:15px;color:#bbb}.scoreboard{display:flex;justify-content:space-between;align-items:center;padding:0 60px;flex-wrap:wrap;gap:20px}.team{display:flex;flex-direction:column;align-items:center;flex:1;margin-bottom:20px}.team img{width:250px;height:250px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 8px #0006;object-fit:cover}.team-name{font-size:1.3rem;font-weight:700;color:#d9a326;margin-bottom:5px;text-align:center}.scorers{font-size:.9rem;color:#ccc;text-align:center}.score-info{display:flex;flex-direction:column;align-items:center;margin:10px 0}.score{font-size:2.6rem;font-weight:700;color:#d9a326}.period-info{font-size:1rem;margin-top:8px;color:#d9a326}.time-left{font-size:1rem;color:#d9a326;margin-top:4px}@media (max-width: 480px) and (orientation: portrait){.live-match-container{padding:20px}.live-match-background h2{font-size:1.6rem}.scoreboard{flex-direction:column;padding:0}.team img{width:180px;height:180px}.team-name{font-size:1.1rem}.score{font-size:2rem}.period-info,.time-left{font-size:.9rem}.match-info{font-size:1rem}}@media (max-width: 850px) and (orientation: landscape){.scoreboard{flex-direction:row;flex-wrap:wrap;padding:0 20px}.team{flex:1 1 30%;max-width:30%}.team img{width:160px;height:160px}.score{font-size:2.2rem}.match-info{font-size:1rem}}@media (min-width: 481px) and (max-width: 768px){.live-match-container{padding:25px}.live-match-background h2{font-size:1.8rem}.scoreboard{flex-direction:column;padding:0 20px}.team img{width:200px;height:200px}.team-name{font-size:1.2rem}.score{font-size:2.2rem}.period-info,.time-left{font-size:.95rem}}@media (min-width: 769px) and (max-width: 1024px){.live-match-container{padding:30px}.scoreboard{padding:0 40px}.team img{width:220px;height:220px}}@media (min-width: 1440px){.live-match-container{max-width:1200px}.scoreboard{padding:0 80px}}.login-container{background-color:#333;color:#fff;border-radius:12px;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;padding:2rem;box-sizing:border-box}.login-box{background-color:#444;padding:30px;border-radius:12px;box-shadow:0 5px 12px #0006;text-align:center;width:100%;max-width:400px;box-sizing:border-box}.login-box .login-title{font-size:1.8rem;margin-bottom:20px;color:#d9a326}.login-box .form-group{display:flex;flex-direction:column;align-items:center;width:100%}.login-box .login-input{width:100%;padding:10px 40px 10px 12px;margin-bottom:15px;border:1px solid #d9a326;border-radius:8px;background-color:#555;color:#fff;font-size:1rem;box-sizing:border-box;font-family:Poppins,sans-serif;transition:border .3s ease,background-color .3s ease}.login-box .login-input:focus{outline:none;border-color:#f0b323;background-color:#666}.login-box .login-input::placeholder{color:#ccc}.login-box .password-wrapper{position:relative;width:100%}.login-box .password-wrapper input{width:100%}.login-box .toggle-password .bx{font-size:1.2rem;color:#ccc;position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;transition:color .2s ease-in-out}.login-box .toggle-password .bx:hover{color:#f0b323}.login-box .remember-row{display:flex;align-items:center;justify-content:flex-start;width:100%;margin-bottom:1rem;font-size:.95rem;color:#ddd}.login-box .remember-row input[type=checkbox]{margin-right:8px;border:3px solid #555;cursor:pointer}.login-box .login-error{color:#f19e3b;margin-top:10px;font-size:.9rem}.login-box .login-button{background-color:#d9a326;color:#fff;border:none;padding:12px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:100%}.login-box .login-button:hover{background-color:#f0b323;transform:scale(1.02)}@media (max-width: 480px){.login-box{padding:20px}.login-box .login-title{font-size:1.5rem}.login-box .login-input{font-size:.9rem}.login-box .login-button{font-size:.9rem;padding:10px}.login-box .remember-row{font-size:.85rem}}@media (min-width: 481px) and (max-width: 768px){.login-box{padding:25px}.login-box .login-title{font-size:1.7rem}.login-box .login-input,.login-box .login-button{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.login-box{padding:30px}.login-box .login-title{font-size:1.8rem}}@media (min-width: 1440px){.login-box{max-width:500px}}.admin-navbar{display:flex;justify-content:space-between;align-items:center;height:80px;background-color:#2d2d2d;padding:0 20px;margin-top:20px;border-top-left-radius:15px;border-top-right-radius:15px;flex-wrap:wrap;box-sizing:border-box;position:relative}.logo-container{display:flex;align-items:center}.school-name-logo{height:50px;filter:saturate(1.5);mix-blend-mode:screen}.admin-nav-links{list-style:none;display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap;justify-content:center;padding:0}.admin-nav-links li{display:flex;align-items:center}.admin-nav-links li a{color:#fff;font-family:Poppins,sans-serif;text-decoration:none;font-weight:500;font-size:1rem}.admin-nav-links li.active a{color:#f0b323;font-weight:700;border-bottom:2px solid #f0b323;padding-bottom:2px}.admin-nav-links li a:hover{color:#f0b323}.logout-button{background-color:#f0b323;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;transition:background-color .3s ease}.logout-button:hover{background-color:#d9a326}.menu-toggle{display:none;font-size:1.8rem;color:#f0b323;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.admin-navbar{flex-direction:column;height:auto;padding:1rem}.school-name-logo{height:40px;margin-bottom:1rem}.menu-toggle{display:block;position:absolute;right:20px;top:26px;z-index:10}.admin-nav-links{flex-direction:column;width:100%;text-align:center;background-color:#2d2d2d;margin-top:60px;border-top:1px solid #444;max-height:0;overflow:hidden;padding:0;opacity:0;transition:max-height .35s ease-in-out,padding .3s ease,opacity .3s ease}.admin-nav-links.show{max-height:500px;padding:10px 0;opacity:1}.admin-nav-links li{opacity:0;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease}.admin-nav-links.show li{opacity:1;transform:translateY(0)}.admin-nav-links li a{font-size:.95rem;padding:10px 0;display:block}.logout-button{font-size:.95rem;padding:8px 12px;width:80%;margin:10px auto}}@media (min-width: 769px) and (max-width: 1024px){.admin-nav-links{gap:18px}}@media (min-width: 1367px){.admin-navbar{max-width:1400px;margin:20px auto 0}}.admin-dashboard{padding:2rem;background-color:#333;color:#fff;text-align:center;min-height:30vh;box-sizing:border-box;width:90%;max-width:1400px;margin:0 auto}.admin-title{font-size:2.5rem;color:#d9a326;margin-bottom:1rem}.admin-subtitle{font-size:1.2rem;color:#ccc;margin-bottom:2rem}.admin-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.admin-links button{background-color:#d9a326;color:#fff;border:none;padding:14px 24px;font-weight:700;font-size:1.1rem;border-radius:10px;cursor:pointer;transition:transform .2s ease,background-color .3s ease;flex-shrink:0}.admin-links button:hover{background-color:#e09f1f;transform:scale(1.05)}@media (max-width: 480px){.admin-dashboard{padding:1.5rem}.admin-title{font-size:2rem}.admin-subtitle{font-size:1rem}.admin-links{gap:15px;flex-direction:column;align-items:center}.admin-links button{font-size:1rem;padding:12px 18px;width:100%;max-width:250px}.admin-links button:hover{transform:scale(1.02)}}@media (min-width: 481px) and (max-width: 768px){.admin-title{font-size:2.2rem}.admin-subtitle{font-size:1.1rem}.admin-links button{font-size:1.05rem;padding:12px 20px}}@media (min-width: 769px) and (max-width: 1024px){.admin-title{font-size:2.4rem}.admin-subtitle{font-size:1.2rem}.admin-links{gap:18px}.admin-links button{font-size:1.08rem}}@media (min-width: 1025px) and (max-width: 1366px){.admin-title{font-size:2.5rem}.admin-links{gap:20px}.admin-links button{font-size:1.1rem;padding:14px 24px}}@media (min-width: 1367px){.admin-dashboard{max-width:1400px}}.live-match-container{width:100%;max-width:1300px;margin:40px auto;padding:30px;background-color:#333;color:#fff;border-radius:12px;font-family:Arial,sans-serif;box-sizing:border-box}.live-match-container h2{color:#f0b323;text-align:center;font-size:2rem;margin-bottom:15px}.match-select{display:block;margin:0 auto 20px;background-color:#222;color:#fff;padding:10px 14px;border:1px solid #f0b323;border-radius:6px;font-size:1rem}.live-match-background{background-color:#444;padding:25px;border-radius:12px}.match-info{text-align:center;color:#ccc;margin-bottom:20px;font-size:1rem}.scoreboard{display:flex;justify-content:space-between;align-items:stretch;gap:20px;flex-wrap:wrap}.team{flex:1 1 30%;text-align:center;display:flex;flex-direction:column;align-items:center}.team img{width:200px;height:200px;object-fit:contain;border-radius:12px;background-color:#222;margin-bottom:12px;box-shadow:0 2px 8px #0006}.team-name{font-size:1.3rem;font-weight:700;color:#f0b323;margin-bottom:6px}.scorers{font-size:.95rem;color:#ccc;margin-bottom:8px;min-height:20px}.team button{margin:4px;padding:6px 14px;font-size:1rem;background-color:#f0b323;color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:700}.score-info{flex:1 1 30%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 10px}.score{font-size:2.8rem;font-weight:700;color:#f0b323;margin-bottom:10px}.period-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.period-info input{font-size:1rem;padding:6px 10px;border-radius:6px;border:1px solid #f0b323;background-color:#222;color:#fff;text-align:center}.time-left{font-size:1.1rem;color:#ccc}.timer-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}.timer-controls button{padding:6px 14px;font-size:.95rem;font-weight:700;background-color:#000;color:#fff;border-radius:6px;border:none;cursor:pointer}.scorer-form{margin-top:15px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.player-select{padding:8px 12px;background-color:#222;color:#fff;border:1px solid #f0b323;border-radius:6px;font-size:.95rem}.scorer-form button{background-color:#f0b323;color:#000;padding:8px 14px;font-weight:700;border:none;border-radius:6px;cursor:pointer}.live-toggle-button,.reset-button{margin-top:20px;padding:10px 16px;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer}.live-toggle-button{background-color:#d9534f;color:#fff}.reset-button{background-color:#111;color:#fff;margin-left:10px}@media (max-width: 850px) and (orientation: landscape){.live-match-container{padding:20px 12px}.scoreboard{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px}.team,.score-info{flex:1 1 45%;max-width:45%}.team img{width:140px;height:140px}.score{font-size:2.2rem}.match-info{font-size:.95rem}.scorer-form{flex-direction:column;align-items:center;gap:8px}.player-select,.scorer-form button{width:100%;max-width:240px}}@media (max-width: 480px){.scoreboard{flex-direction:column;align-items:center}.team,.score-info{flex:1 1 100%;max-width:100%}.team img{width:130px;height:130px}.score{font-size:2.2rem}}@media (min-width: 481px) and (max-width: 768px){.team img{width:160px;height:160px}.score{font-size:2.5rem}}@media (min-width: 769px) and (max-width: 1024px){.team img{width:180px;height:180px}.score{font-size:2.6rem}}@media (min-width: 1025px) and (max-width: 1366px){.team img{width:200px;height:200px}}@media (min-width: 1367px){.live-match-container{max-width:1300px}}.manage-teams{padding:20px;color:#fff;font-family:Poppins,sans-serif}.manage-teams h2{color:#d9a326;text-align:center;margin-bottom:20px}.manage-year-selector{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;gap:10px}.manage-year-selector label{margin-right:10px;font-weight:700;color:#f0b323}.manage-year-selector select{padding:10px 16px;font-size:1rem;background-color:#444;color:#fff;border-radius:6px;border:1px solid #777;font-family:Poppins,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:all .2s ease-in-out;text-align:center;min-width:140px}.add-team{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.add-team input{padding:8px 12px;border-radius:6px;background-color:#333;border:1px solid #777;color:#fff;font-size:1rem}.add-team button{padding:8px 14px;background-color:#d9a326;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s ease}.add-team button:hover{background-color:#b3861d}.bulk-recalc{background-color:#444;font-size:.9rem}.add-team button:last-child{background-color:#444;font-size:.85rem}.team-table{margin-top:20px;overflow-x:auto}.team-table table{width:100%;min-width:800px;border-collapse:collapse;background-color:#2d2d2d;border-radius:8px;overflow:hidden}.team-table th,.team-table td{padding:10px;text-align:center;border-bottom:1px solid #444;color:#fff;vertical-align:middle}.team-table th{background-color:#1f1f1f;color:#f0b323}.team-table input{width:60px;padding:4px;background-color:#444;color:#fff;border:1px solid #666;border-radius:4px;text-align:center;font-size:.9rem}.team-table input[type=number]{text-align:center;vertical-align:middle}.team-table button{margin:0 2px;background:#666;color:#fff;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.team-table button:hover{background-color:#d9a326;color:#000}.delete-btn{background-color:#d92d2d!important;color:#fff}.delete-btn:hover{background-color:#a61a1a!important;color:#fff!important}.expanded-row td{background-color:#252525;padding:16px;font-size:.95rem;color:#ccc}.match-details{padding:10px;background-color:#2a2a2a;border-radius:6px}.match-details h4{margin-bottom:8px;color:#f0b323;font-size:1rem}.match-details ul{list-style:none;padding-left:0}.match-details li{padding:4px 0;border-bottom:1px solid #444}@media (max-width: 480px){.add-team{flex-direction:column;align-items:center}.add-team input,.add-team button{width:100%;text-align:center}.team-table{overflow-x:auto}.team-table table{min-width:800px}}@media (min-width: 481px) and (max-width: 768px){.add-team{flex-wrap:wrap;justify-content:center}.add-team input,.add-team button{font-size:.95rem}}@media (min-width: 769px) and (max-width: 1024px){.manage-teams{padding:30px}}@media (min-width: 1025px) and (max-width: 1366px){.manage-teams{max-width:1200px;margin:0 auto}}@media (min-width: 1367px){.manage-teams{max-width:1400px;margin:0 auto}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.manage-news-page{margin:40px auto;padding:30px;font-family:Poppins,sans-serif;background-color:#1f1f1f;color:#fff;border-radius:12px;width:90%;max-width:1200px}.manage-news-page h1{color:#f0b323;text-align:center;margin-bottom:30px}.news-form{background:#2d2d2d;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-bottom:50px;width:100%}.news-form input,.news-form textarea,.news-form .datepicker{background:#444;color:#fff;border:none;padding:12px;font-size:16px;border-radius:8px;width:100%;box-sizing:border-box}.news-form textarea{min-height:120px;resize:vertical}.news-form input[type=file]{background-color:transparent;color:#ccc;padding:0}.news-form button{background-color:#f0b323;color:#000;font-weight:700;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.news-form>button+button{margin-top:-8px}.news-form button:hover{background-color:#d99b1e}.news-preview-image{max-width:100%;height:auto;border-radius:8px}.news-list{display:flex;flex-direction:column;gap:24px;width:100%}.news-item{background:#3b3b3b;display:flex;align-items:center;gap:20px;padding:18px;border-radius:12px;box-shadow:0 3px 8px #0003;transition:background-color .3s ease}.news-item:hover{background-color:#4a4a4a}.news-image-container{flex:0 0 150px;height:100px;overflow:hidden;border-radius:8px}.news-image-container img{width:100%;height:100%;object-fit:cover}.news-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}.news-content h3{font-size:1.3rem;color:#f0b323;margin:0}.news-content p{font-size:.95rem;color:#ddd;margin:0}.news-buttons{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.edit-button,.delete-button{padding:8px 14px;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}.edit-button{background-color:#f0b323;color:#000}.edit-button:hover{background-color:#d99b1e}.delete-button{background-color:#922c2c;color:#fff}.delete-button:hover{background-color:#b33a3a}.datepicker{background-color:#444;color:#fff;padding:12px;border-radius:8px;border:none;width:100%}@media (max-width: 480px){.news-item{flex-direction:column;align-items:flex-start;padding:16px;gap:16px}.news-image-container{width:100%;height:180px}.news-content h3{font-size:1.1rem}.news-content p{font-size:.9rem}.news-buttons{flex-direction:column;width:100%}.news-buttons button{width:100%}.news-form{padding:20px}.news-form button{width:100%}}@media (min-width: 481px) and (max-width: 768px){.news-item{flex-direction:row;align-items:center;gap:16px}.news-image-container{flex:0 0 120px;height:90px}.news-buttons{flex-wrap:wrap;justify-content:flex-start}.news-content h3{font-size:1.2rem}.news-content p{font-size:.93rem}}@media (min-width: 769px) and (max-width: 1024px){.news-item{gap:18px}.news-image-container{flex:0 0 130px;height:100px}.news-content h3{font-size:1.25rem}.news-content p{font-size:.95rem}}@media (min-width: 1025px) and (max-width: 1366px){.news-item{gap:20px}.news-image-container{flex:0 0 140px;height:100px}}@media (min-width: 1367px){.manage-news-page{max-width:1200px}}.manage-league-page{padding:30px 20px;font-family:Poppins,sans-serif;color:#fff;background-color:#1f1f1f;min-height:45vh;box-sizing:border-box;width:90%;max-width:1400px;margin:0 auto}.manage-league-page h1{font-size:2.5rem;text-align:center;color:#d9a326;margin-bottom:40px}.add-league-form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:50px}.add-league-form input,.add-league-form select{background-color:#333;color:#fff;border:1px solid #555;border-radius:6px;padding:10px 14px;font-size:1rem;flex:1 1 220px;min-width:160px}.add-league-form input::placeholder{color:#aaa}.add-league-form button{background-color:#111;color:#fff;border:none;padding:10px 16px;font-size:1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;flex:1 1 220px;min-width:160px}.add-league-form button:hover{background-color:#d9a326;color:#000}.league-list{display:flex;flex-direction:column;gap:40px;max-width:800px;margin:0 auto;padding:0 10px;box-sizing:border-box}.league-item{background-color:#2d2d2d;padding:24px 28px;border-radius:12px;box-shadow:0 0 10px #0003}.league-item h2{font-size:1.5rem;color:#f0b323;margin-bottom:20px}.league-item p{margin-bottom:12px}.league-item button{background-color:#444;color:#fff;border:none;border-radius:6px;padding:8px 12px;margin:5px 8px 5px 0;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s ease,color .2s ease}.league-item button:hover{background-color:#d9a326;color:#000}.league-item button:last-child{background-color:#d92d2d}.league-item button:last-child:hover{background-color:#a61a1a}.delete-league-btn{background-color:#a30000;color:#fff;border:none;padding:6px 12px;cursor:pointer}.delete-league-btn:hover{background-color:#c00}@media (max-width: 480px){.manage-league-page{padding:20px 10px}.manage-league-page h1{font-size:2rem}.add-league-form{flex-direction:column;align-items:stretch}.add-league-form input,.add-league-form select,.add-league-form button{width:100%}.league-item{padding:20px}.league-item h2{font-size:1.2rem}.league-item button{width:100%;margin:6px 0}}@media (min-width: 481px) and (max-width: 768px){.add-league-form{flex-wrap:wrap;justify-content:space-between}.add-league-form input,.add-league-form select,.add-league-form button{flex:1 1 45%}.league-item h2{font-size:1.4rem}}@media (min-width: 769px) and (max-width: 1024px){.add-league-form input,.add-league-form select,.add-league-form button{flex:1 1 30%}.league-item{padding:26px}}@media (min-width: 1025px) and (max-width: 1366px){.add-league-form input,.add-league-form select,.add-league-form button{flex:1 1 28%}.league-item h2{font-size:1.6rem}}@media (min-width: 1367px){.manage-league-page{max-width:1400px}}.manage-playoffs-page{padding:2rem;color:#fff;font-family:Poppins,sans-serif;background-color:#333;border-radius:8px;display:flex;flex-direction:column;align-items:center;max-width:100%}.manage-playoffs-page h2{color:#d9a326;text-align:center;margin-bottom:1.5rem;font-size:2.2rem}.playoff-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:2rem}.playoff-controls label{font-weight:700}.playoff-controls select{padding:10px 14px;border-radius:6px;background-color:#444;color:#fff;font-size:1rem;border:1px solid #777}.playoff-round{background-color:#444;padding:20px;margin-bottom:2rem;border-radius:8px;width:100%;max-width:1200px;box-sizing:border-box}.playoff-round input[type=text]{width:100%;max-width:400px;padding:10px 12px;font-size:1rem;border:2px solid #999;border-radius:6px;margin-bottom:10px;background-color:#222;color:#fff}.round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.round-header h3{color:#f0b323;font-size:1.4rem;font-weight:700;text-transform:uppercase;margin:0}.match-card{background-color:#2d2d2d;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 0 6px #0006;display:flex;flex-direction:column;gap:1rem}.match-layout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.team-wrapper{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.score-wrapper{display:flex;align-items:center;gap:10px;font-weight:700}.score-wrapper input[type=number]{width:50px;text-align:center;font-size:1.1rem;padding:6px;border-radius:6px;background-color:#333;color:#fff;border:1px solid #777}.team-wrapper select,.match-layout select{padding:10px 14px;border-radius:6px;background-color:#444;color:#fff;font-size:1rem;border:1px solid #777}.match-layout input[type=number]{padding:10px 14px;border-radius:6px;background-color:#444;color:#fff;font-size:1rem;border:1px solid #777;width:60px;text-align:center;transition:border-color .2s ease}.match-layout input[type=number]:focus{border-color:#f0b323;outline:none}.scorer-form select{padding:8px 12px;border-radius:6px;background-color:#444;color:#fff;font-size:.95rem;border:1px solid #777;margin-bottom:6px}.scorer-form button{background-color:#d9a326;padding:4px 10px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-left:6px;font-weight:700;color:#000}.scorer-list{background-color:#1f1f1f;padding:6px 8px;border-radius:6px;font-size:.85rem;list-style:none;color:#ddd;margin-top:6px}.scorer-list li{margin-bottom:6px}.decrement-btn{background-color:#d9a326;color:#000;border:none;padding:3px 8px;margin-left:8px;border-radius:4px;font-size:.8rem;cursor:pointer;font-weight:700}.decrement-btn:hover{background-color:#f0b323}.match-actions{display:flex;justify-content:flex-end;gap:10px}.match-actions button{background-color:#d9a326;color:#fff;padding:8px 16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.match-actions button:hover{background-color:#f0b323}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:1rem}.add-btn{background-color:#f0b323;color:#fff;padding:10px 16px;font-weight:700;border:none;border-radius:6px;cursor:pointer}.save-btn{background-color:#4caf50;color:#fff;padding:10px 16px;font-weight:700;border:none;border-radius:6px;cursor:pointer}.add-btn:hover{background-color:#ffcb3d}.save-btn:hover{background-color:#5dd35d}.delete-round-button{background-color:#922c2c;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:700}.delete-round-button:hover{background-color:#b33a3a}@media (max-width: 480px){.manage-playoffs-page{padding:1rem}.match-layout{flex-direction:column;align-items:stretch;gap:10px}.team-wrapper,.score-wrapper,.match-actions,.scorer-form{width:100%}.round-header{flex-direction:column;align-items:flex-start}.round-header h3{font-size:1.2rem}.manage-playoffs-page h2{font-size:1.5rem}.playoff-controls{flex-direction:column;align-items:stretch}}@media (max-width: 850px) and (orientation: landscape){.manage-playoffs-page{padding:1rem}.match-layout{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.team-wrapper{flex:1 1 45%;min-width:160px}.score-wrapper{flex:1 1 45%;justify-content:center}.round-header{flex-direction:column;align-items:center}.match-actions{justify-content:center;width:100%}.scorer-form{flex-direction:column;align-items:center;gap:8px;width:100%}.scorer-form select,.scorer-form button{width:100%;max-width:240px}}@media (min-width: 481px) and (max-width: 768px){.manage-playoffs-page{padding:1.5rem}.match-layout{flex-wrap:wrap;justify-content:space-between}.round-header h3{font-size:1.3rem}.manage-playoffs-page h2{font-size:1.7rem}.team-wrapper{flex:1 1 45%}.score-wrapper{flex:1 1 100%;justify-content:center}.match-actions{justify-content:center}}@media (min-width: 769px) and (max-width: 1024px){.manage-playoffs-page h2{font-size:1.8rem}.round-header h3{font-size:1.4rem}.match-layout{flex-wrap:wrap;align-items:center}.team-wrapper{flex:1 1 40%}.score-wrapper{flex:1 1 20%;justify-content:center}}@media (min-width: 1025px) and (max-width: 1366px){.manage-playoffs-page h2{font-size:2rem}.round-header h3{font-size:1.6rem}.team-wrapper{flex:1}.score-wrapper{gap:14px}}@media (min-width: 1367px){.manage-playoffs-page{max-width:1400px;margin:0 auto}.manage-playoffs-page h2{font-size:2.4rem}.round-header h3{font-size:1.8rem}.match-layout{gap:20px}.score-wrapper input{font-size:1.2rem}}.manage-accounts{background-color:#333;padding:30px;border-radius:12px;color:#fff;max-width:900px;margin:20px auto;box-sizing:border-box}.manage-accounts h2{color:#f0b323;text-align:center;margin-bottom:20px;font-size:2rem}.manage-accounts table{width:100%;border-collapse:collapse;background-color:#444;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px #0006}.manage-accounts thead{background-color:#555}.manage-accounts th,.manage-accounts td{padding:12px;border:1px solid #666;text-align:left;color:#fff;font-size:.95rem;vertical-align:middle}.manage-accounts select{background-color:#555;color:#fff;border:1px solid #888;border-radius:6px;padding:6px 10px;font-family:Poppins,sans-serif}.manage-accounts select:focus{outline:none;border-color:#f0b323}.manage-accounts button{background-color:#c62828;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:background-color .3s ease;font-size:1rem}.manage-accounts button:hover{background-color:#b03939}.manage-accounts .create-user-form{display:flex;flex-direction:column;gap:14px;align-items:center;margin-bottom:30px;width:100%}.manage-accounts .form-row{display:flex;justify-content:space-between;gap:16px;width:100%;flex-wrap:wrap}.manage-accounts .form-row input,.manage-accounts .form-row select{flex:1 1 30%;min-width:200px;max-width:280px;padding:10px 14px;background-color:#222;color:#fff;border:1px solid #555;border-radius:6px;font-size:1rem;box-sizing:border-box}.manage-accounts .password-wrapper{position:relative;flex:1 1 30%;min-width:200px;max-width:280px}.manage-accounts .password-wrapper input{width:100%}.manage-accounts .toggle-password .bx{font-size:1.1rem;color:#ccc;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;transition:color .2s ease-in-out}.manage-accounts .toggle-password .bx:hover{color:#f0b323}.manage-accounts .password-hint{font-size:.85rem;color:#aaa;margin:4px 0;width:100%;text-align:center}.manage-accounts .password-checklist{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;list-style:none;margin:8px 0 12px;padding:0;font-size:.9rem;color:#ccc;gap:6px 12px;width:100%}.manage-accounts .check-icon{font-weight:700;display:inline-block;width:20px}.manage-accounts .check-icon.green{color:#4caf50}.manage-accounts .check-icon.red{color:#f44336}.manage-accounts .submit-wrapper{display:flex;justify-content:center;margin-top:12px;width:100%}.manage-accounts .submit-wrapper button{background-color:#f0b323;color:#000;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .3s ease;width:180px}.manage-accounts .submit-wrapper button:hover{background-color:#e09f1f}.manage-accounts .error-msg{color:#f44336;margin-top:10px;text-align:center}.manage-accounts .success-msg{color:#4caf50;margin-top:10px;text-align:center}@media (max-width: 480px){.manage-accounts{padding:20px}.manage-accounts .form-row{flex-direction:column;align-items:stretch}.manage-accounts .form-row input,.manage-accounts .form-row select,.manage-accounts .submit-wrapper button{width:100%;max-width:100%}.manage-accounts table{font-size:.85rem}.manage-accounts th,.manage-accounts td{padding:10px}}@media (min-width: 481px) and (max-width: 768px){.manage-accounts .form-row input,.manage-accounts .form-row select{flex:1 1 45%}.manage-accounts table{font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.manage-accounts .form-row input,.manage-accounts .form-row select{flex:1 1 32%}.manage-accounts table{font-size:.95rem}}@media (min-width: 1025px) and (max-width: 1366px){.manage-accounts{max-width:900px}}@media (min-width: 1367px){.manage-accounts{max-width:900px}}.manage-players{background-color:#333;padding:30px;border-radius:12px;color:#fff;max-width:1200px;width:90%;margin:60px auto;font-family:Poppins,sans-serif}.manage-players p{text-align:center;margin-top:20px;font-size:1.1rem;color:#ccc}.manage-players h2{color:#f0b323;text-align:center;margin-bottom:30px}.select-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.select-controls label{font-weight:700}.select-controls select{flex:1 1 200px;background-color:#555;color:#fff;padding:10px;border-radius:6px;border:none;font-size:16px}.add-player-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.add-player-form input{flex:1 1 300px;padding:12px;border-radius:6px;border:none;font-size:16px;background-color:#444;color:#fff}.add-player-form button{background-color:#f0b323;color:#fff;border:none;padding:12px 16px;border-radius:6px;font-weight:700;cursor:pointer}.add-player-form button:hover{background-color:#d99b1e}.manage-players table{width:100%;border-collapse:collapse;background-color:#444;border-radius:8px;overflow:hidden;margin-top:20px}.manage-players thead{background-color:#555}.manage-players th,.manage-players td{padding:14px;border:1px solid #666;text-align:left;color:#fff;font-size:.95rem}.edit-btn,.save-btn,.delete-btn{padding:8px 12px;margin-right:15px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700}.edit-btn{background-color:#1976d2;color:#fff}.edit-btn:hover{background-color:#1565c0}.save-btn{background-color:#388e3c;color:#fff}.save-btn:hover{background-color:#2e7d32}.delete-btn{background-color:#c62828;color:#fff}.delete-btn:hover{background-color:#b03939}@media (max-width: 480px){.select-controls,.add-player-form{flex-direction:column}.select-controls select,.add-player-form input,.add-player-form button{width:100%}.manage-players table thead{display:none}.manage-players table,.manage-players tbody,.manage-players tr,.manage-players td{display:block;width:100%}.manage-players tr{margin-bottom:20px;background-color:#444;padding:10px;border-radius:8px}.manage-players td{text-align:right;padding-left:50%;position:relative}.manage-players td:before{content:attr(data-label);position:absolute;left:10px;width:45%;padding-right:10px;white-space:nowrap;font-weight:700;color:#ccc;text-align:left}}@media (min-width: 481px) and (max-width: 768px){.select-controls,.add-player-form{flex-direction:row;flex-wrap:wrap;gap:14px}.select-controls select,.add-player-form input,.add-player-form button{flex:1 1 45%}.manage-players table{font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.select-controls,.add-player-form{flex-direction:row;gap:20px}.manage-players table{font-size:.95rem}}@media (min-width: 1025px) and (max-width: 1366px){.manage-players{padding:40px}}@media (min-width: 1367px){.manage-players{max-width:1200px}}.manage-schedule{background-color:#333;padding:2rem;color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;max-width:100%}.manage-schedule-title{color:#d9a326;font-size:2rem;margin-bottom:1.5rem;font-weight:700}.manage-schedule-select,.manage-schedule-start-date input[type=date]{padding:10px 14px;font-size:1rem;border-radius:6px;background-color:#444;color:#fff;border:1px solid #777;font-family:Poppins,sans-serif}.manage-schedule-select{margin-bottom:20px}.manage-schedule-start-date{margin-bottom:15px}.manage-schedule-start-date label{font-weight:700;margin-right:8px;color:#fff;font-size:.95rem}.manage-schedule-generate-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.manage-schedule-generate-buttons button{background-color:#d9a326;color:#fff;font-weight:700;border:none;border-radius:6px;padding:10px 18px;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s ease}.manage-schedule-generate-buttons button:hover{background-color:#b0861a}.manage-schedule-legend{display:flex;justify-content:center;gap:25px;margin-bottom:20px;font-size:.9rem;color:#fff}.manage-schedule .dot{width:18px;height:18px;border-radius:50%;display:inline-block;margin-right:6px}.manage-schedule .dot-upcoming{background-color:#f0b323}.manage-schedule .dot-live{background-color:#f44}.manage-schedule .dot-finished{background-color:#0c6}.manage-schedule .dot-cancelled{background-color:#999}.manage-schedule-grid-of-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;width:100%;max-width:1400px}.manage-schedule-round-card{background:#2c2c2c;border-radius:10px;padding:20px;box-shadow:0 3px 10px #0006;display:flex;flex-direction:column;gap:1.2rem}.manage-schedule-round-header h4{font-size:1.3rem;font-weight:700;color:#f0b323;margin-bottom:10px}.round-controls label{font-size:.85rem;color:#ccc;margin-bottom:4px;display:block}.round-controls input[type=datetime-local],.match-card input[type=datetime-local]{width:100%;padding:10px;background:#444;border:1px solid #777;color:#fff;border-radius:6px;font-family:Poppins,sans-serif;margin-bottom:10px}.match-card input[type=datetime-local]{max-width:240px;margin:8px auto 12px}.round-actions,.docx-generate{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.round-actions button,.docx-btn{background-color:#666;color:#fff;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:700;transition:background .2s ease}.round-actions button:hover,.docx-btn:hover{background-color:#f0b323;color:#fff}.docx-generate{margin-top:10px}.match-grid{display:flex;flex-direction:column;gap:18px}.match-card{background:#3a3a3a;padding:16px;border-radius:10px;position:relative;box-shadow:0 2px 6px #0000004d}.match-dot{position:absolute;top:10px;left:10px;width:12px;height:12px;border-radius:50%}.match-teams{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:700;font-size:1rem;margin-bottom:8px}.vs-label{font-weight:700;color:#f0b323;font-size:1rem}.match-status-select{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.match-status-select select{padding:6px 10px;border-radius:6px;background:#444;color:#fff;border:1px solid #777;font-family:Poppins,sans-serif}.actions{display:flex;flex-direction:column;gap:8px}.actions button{background-color:#555;color:#fff;padding:8px;border-radius:6px;border:none;cursor:pointer;font-family:Poppins,sans-serif;transition:background .2s ease}.actions button:hover{background-color:#f0b323;color:#fff}.manage-schedule-error-msg{background-color:#c62828;color:#fff;padding:1rem;text-align:center;border-radius:8px;margin-bottom:1.5rem}@media (max-width: 480px){.match-status-select{flex-direction:column}.actions{flex-direction:column;align-items:stretch}.manage-schedule{padding:1rem}.manage-schedule-title{font-size:1.6rem}.manage-schedule-round-controls,.manage-schedule-round-actions,.manage-schedule-generate-buttons{flex-direction:column;width:100%;align-items:center}.manage-schedule-grid-of-rounds{grid-template-columns:1fr}}@media (max-width: 850px) and (orientation: landscape){.manage-schedule{padding:1rem}.manage-schedule-grid-of-rounds{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.match-status-select{flex-direction:row;justify-content:space-around}.actions,.manage-schedule-generate-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.manage-schedule-title{font-size:1.6rem;text-align:center}}@media (min-width: 481px) and (max-width: 768px){.manage-schedule{padding:1.5rem}.manage-schedule-title{font-size:1.8rem}.manage-schedule-grid-of-rounds{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.manage-schedule-title{font-size:2rem}.manage-schedule-grid-of-rounds{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (min-width: 1025px) and (max-width: 1366px){.manage-schedule-title{font-size:2rem}}@media (min-width: 1367px){.manage-schedule{max-width:1400px;margin:0 auto}.manage-schedule-title{font-size:2.2rem}}.unauthorized-page{text-align:center;padding:5rem 1rem;background-color:#222;color:#fff;min-height:60vh;font-family:Poppins,sans-serif}.unauthorized-page h1{font-size:2.5rem;color:#f44336;margin-bottom:1rem}.unauthorized-page p{font-size:1.2rem;color:#ddd;margin-bottom:2rem}.back-home{font-size:1rem;background-color:#f0b323;color:#000;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.back-home:hover{background-color:#e09f1f;text-decoration:none}@media (max-width: 480px){.unauthorized-page{padding:3rem 1rem}.unauthorized-page h1{font-size:2rem}.unauthorized-page p{font-size:1rem}.back-home{font-size:.95rem;padding:10px 16px}}@media (max-width: 812px) and (orientation: landscape){.unauthorized-page h1{font-size:2.2rem}.unauthorized-page p{font-size:1.05rem}.back-home{font-size:1rem;padding:10px 18px}}@media (min-width: 481px) and (max-width: 768px){.unauthorized-page h1{font-size:2.3rem}.unauthorized-page p{font-size:1.1rem}}@media (min-width: 769px) and (max-width: 1024px){.unauthorized-page h1{font-size:2.4rem}.unauthorized-page p{font-size:1.15rem}}@media (min-width: 1440px){.unauthorized-page{max-width:1000px;margin:0 auto}.unauthorized-page h1{font-size:2.6rem}.unauthorized-page p{font-size:1.3rem}}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}