body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:50px auto;max-width:400px;padding:20px}.login-container h2{color:#333;margin-bottom:20px;text-align:center}.login-form .form-group{margin-bottom:15px}.login-form label{color:#555;display:block;margin-bottom:5px}.login-form input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.login-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}.login-form button:hover{background-color:#0056b3}@media (max-width:600px){.login-container{padding:15px}.login-form input{padding:8px}.login-form button{font-size:14px;padding:8px}}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}h2{color:#333;margin-top:20px;text-align:center}h3{color:#555;margin-bottom:10px}.modal{align-items:center;background:#fff;border:1px solid #ccc;border-radius:15px;display:flex;flex-direction:column;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.modal h2,.modal p{margin:0 0 20px;text-align:center}.modal button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.modal button:hover{background-color:#0056b3}.container{margin:0 auto;max-width:1200px;padding:20px}.matches-list,.users-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.matches-list ul,.users-list ul{list-style-type:none;padding:0}.matches-list li,.users-list li{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.matches-list li:last-child,.users-list li:last-child{border-bottom:none}.user-name{color:#333;font-weight:700}.points-bar-container{flex:1 1;margin-left:10px}.points-bar{background:linear-gradient(90deg,#0ff,#007fff,#00f);border-radius:4px;color:#fff;height:20px;line-height:20px;padding-right:5px;text-align:right}.points{color:#888}.match-details{align-items:center;display:flex;flex:1 1}.match-details img{height:24px;margin-right:10px;width:24px}.match-details span{margin-right:10px}.date-time{color:#888;font-size:.8em}.prediction-inputs{align-items:center;display:flex}.prediction-inputs input{border:1px solid #ddd;border-radius:4px;margin-right:5px;padding:5px;width:50px}.prediction-inputs button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.prediction-inputs button:hover{background-color:#0056b3}.prediction-status{color:#555;font-weight:700}.points-earned{color:red;font-weight:700;margin-left:10px}.update-user form{display:flex;flex-direction:column;margin-top:20px}.update-user form div{margin-bottom:10px}.update-user form label{color:#333;margin-bottom:5px}.update-user form input{border:1px solid #ddd;border-radius:4px;padding:8px}.update-user form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.update-user form button:hover{background-color:#0056b3}.update-user p{color:green;margin-top:10px}@media (max-width:768px){.match-details,.prediction-inputs{align-items:flex-start;flex-direction:column}.prediction-inputs input{margin-bottom:10px;width:100%}.prediction-inputs button{margin-top:10px;width:100%}.points-bar-container{margin-left:0;width:100%}}
/*# sourceMappingURL=main.ecfe3d88.css.map*/