.login-container-page{font-family:Arial,sans-serif;padding:20px;text-align:center}.login-container-page h1{margin-bottom:20px}.login-form{max-width:400px;margin:0 auto;text-align:left}.login-form input{width:100%;padding:10px;margin:8px 0;box-sizing:border-box;border:1px solid #ccc}.login-form button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;margin-top:10px}.login-form button:hover{background-color:#45a049}.signup-link{margin-top:20px;font-size:14px}.signup-link a{color:#4caf50;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signup-container-page{font-family:Arial,sans-serif;padding:20px;max-width:400px;margin:auto;text-align:center}.signup-container-page h1{margin-bottom:20px}.signup-form{text-align:left}.signup-form label,.signup-form input{display:block;width:100%;margin-top:10px}.signup-form input{padding:10px;box-sizing:border-box;border:1px solid #ccc}.signup-form button{margin-top:15px;padding:10px;width:100%;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.signup-form button:hover{background-color:#45a049}.login-link{margin-top:20px}.login-link a{display:block;text-align:center;color:#4caf50;text-decoration:none}.login-link a:hover{text-decoration:underline}.depth-chart-section{padding:10px 0 0;max-width:1500px;margin:5px auto auto;position:relative}.depth-chart-dropdown{margin-bottom:10px;position:relative}.depth-chart-dropdown input{width:150px;padding:8px;font-size:16px}.depth-chart-suggestions{position:absolute;top:100%;left:0;width:100%;z-index:10;background:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #0000001a;max-height:200px;overflow-y:auto;display:flex;flex-direction:column}.depth-chart-suggestion-item{padding:8px;cursor:pointer}.depth-chart-suggestion-item:hover{background:#e8e8e8}.formation-container{width:100%;height:350px;background:#e0e0e0;position:relative;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;overflow:visible}.player-token{width:125px;height:auto;position:absolute;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;font-family:Arial,sans-serif;font-size:12px;z-index:1;transition:transform .2s ease,z-index 0s}.player-token:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom left,#f9f9f9 50%,#e0e0e0 50%);z-index:0;border:1px solid #ccc;border-radius:4px;pointer-events:none}.player-info{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;padding:4px}.player-position{font-weight:700}.player-number{font-weight:700;margin-top:2px}.player-name{margin-top:auto}.player-logo{position:absolute;top:2.5px;right:5px;width:30px;height:30px;z-index:0}.player-logo img{width:100%;height:100%;object-fit:contain}.info-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 20px #0000004d;z-index:100;max-width:400px}.info-panel h3{margin-top:0}.info-panel .close-btn{position:absolute;top:10px;right:10px;cursor:pointer;font-weight:700;font-size:18px}.section-header{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px}.logo-container{width:160px;height:160px;flex-shrink:0}.logo-container img{width:100%;height:100%;object-fit:contain}body{font-family:Arial,sans-serif;margin:0;background-color:#f9f9f9}nav{background-color:#004080;padding:10px;text-align:center}nav a{color:#fff;margin:0 20px;text-decoration:none;font-size:18px}nav a:hover{text-decoration:underline}.subnav{background-color:#cce0ff;padding:0;text-align:center}.subnav a{display:inline-block;background-color:transparent;padding:10px 15px;margin:0 5px;border-radius:0;color:#004080;font-weight:700;cursor:pointer;text-decoration:none;font-size:16px}.subnav a:hover{text-decoration:underline}.subnav a.active{background-color:#004080;color:#fff;pointer-events:none}footer{background-color:#333;color:#fff;text-align:center;padding:20px;margin-top:50px}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 0 10px #0000001a}th,td{border:1px solid #ddd;padding:12px;text-align:left}th{background-color:#004080;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd}.container{padding:20px}