:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;min-height:100%;color-scheme:light;background-color:#e4f3ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:5px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#002b5c;color:#fff;cursor:pointer;transition:border-color .25s;margin:1rem;min-width:100px}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}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#002b5c;color:#fff;box-sizing:border-box;width:100%;gap:1rem}.logo a{font-size:1.5rem;font-weight:700;color:#fff}.logo a:hover{color:#ffcb05}button.login-button{background-color:#ffcb05;color:#002b5c;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin:0}button.login-button:hover{background-color:#e0b004}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal{background-color:#fff;color:#002b5c;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:400px;text-align:center}.modal h2{margin-bottom:1rem}.form-group{margin-bottom:1rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.error{color:red;margin:.5rem 0}.submit-button,.close-button{padding:.5rem 1rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.submit-button{background-color:#002b5c;color:#fff;margin-top:1rem}.submit-button:hover{background-color:#004080}.close-button{background-color:#ccc;color:#000;margin-top:1rem}.close-button:hover{background-color:#bbb}.home{text-align:center;color:#333}.hero{background:linear-gradient(135deg,#002b5c,#00509e);color:#fff;padding:4rem 2rem;border-radius:10px;margin:2rem}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.dashboard{padding-top:2.5rem}.cta-button{background-color:#ffcb05;color:#002b5c;padding:.75rem 1.5rem;border:none;border-radius:5px;margin:0 .5rem;cursor:pointer;font-size:1rem}.cta-button.secondary{background-color:#00509e;color:#fff}.buttons .cta-button:hover{opacity:.9}.leagues-page{text-align:center}.flex{display:flex}.left-pane{background-color:#002b5cb2;color:#fff;padding:0 .5rem;width:-webkit-fill-available;max-width:15vw}.left-pane>div{border-bottom:2px solid #002b5c;padding:1rem;align-content:center}.main-content{margin:1.5rem;width:100%;height:100%}.leagues-content h1{font-size:2.5rem;margin-bottom:1.5rem}.error{color:red;margin-top:1rem}.leagues-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.league-item{background-color:#ffcb05;color:#002b5c;padding:1rem 2rem;margin-bottom:1rem;border-radius:5px;text-decoration:none;font-size:1.2rem;font-weight:700;transition:background-color .3s ease,transform .2s ease}.league-item:hover{background-color:#e0b004;transform:scale(1.05)}.standings-header{justify-content:space-between}.standings-table{min-width:70%;margin:0 auto;border-collapse:collapse;background-color:#fff;color:#002b5c;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.standings-table thead{background-color:#002b5c;color:#fff}.standings-table th,.standings-table td{padding:.75rem;text-align:center;border:none}.standings-table th{border:none}.standings-table tbody tr:nth-child(odd){background-color:#f9f9f9}.standings-table tbody tr:nth-child(2n){background-color:#f1f1f1}.standings-table tbody tr:hover{background-color:#e0e0e0}.standings-table th{font-weight:700;text-transform:uppercase}.no-data{text-align:center;font-size:1.2rem;color:#666;padding:1rem}.user-management{text-align:center}h1{font-size:2.5rem;margin-bottom:1.5rem;color:#002b5c}h2{font-size:1.5rem;margin-bottom:.5rem;color:#002b5c}.create-user-form{margin:20px 0}.create-user-form form input,.create-user-form form select,.create-user-form form button{margin:5px;padding:10px;font-size:1rem;border:2px solid #002b5c;border-radius:5px;outline:none;transition:background-color .3s ease,transform .2s ease,border-color .3s ease}.create-user-form form button{background-color:#ffcb05;color:#002b5c;font-weight:700;cursor:pointer}.create-user-form form input:focus,.create-user-form form select:focus{border-color:#ffcb05}.create-user-form form button:hover{background-color:#e0b004;transform:scale(1.05)}.user-list table{width:100%;border-collapse:collapse;margin-top:20px;font-size:1rem;color:#002b5c}.user-list th,.user-list td{border:1px solid #ccc;padding:10px}.user-list th{color:#fff;background-color:#002b5c;text-align:center;font-weight:700}.user-list td{background-color:#f9f9f9}.user-list select{padding:5px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.user-list select:hover{border-color:#002b5c}.user-list td button{background-color:#ffcb05;color:#002b5c;font-size:1rem;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.user-list td button:hover{background-color:#e0b004;transform:scale(1.05)}.team-details{display:flex;margin:1rem;background-color:#002b5c1f;justify-content:space-between;gap:5rem;padding:0 1rem;border-radius:5px}.teams-list{width:max-content}.teams-header{display:flex;justify-content:space-between}.fixtures-container{margin:20px;font-family:Arial,sans-serif}.fixtures-header{display:flex;justify-content:space-between}.round-section{margin-bottom:30px}.fixtures-table{min-width:70%;margin:0 auto;border-collapse:collapse;background-color:#fff;color:#002b5c;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.fixtures-table th,.fixtures-table td{padding:.75rem;text-align:center;border:none}.fixtures-table thead{background-color:#002b5c;color:#fff}.fixtures-table .result{color:green;font-weight:700}.teamCell{padding:0 1rem}.result{display:flex;justify-content:center}.action-btn{padding:5px 10px;color:#fff;background-color:#002b5c;border:none;border-radius:5px;cursor:pointer}.action-btn:hover{background-color:#0056b3}