.login-container{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;min-height:90vh;padding-top:6.5vh;text-align:center}.dark-mode .login-container{background-color:#333;border:1px solid #555;color:#fff}.login-container h2{background-color:#007bff59;border-radius:23px;color:#333;font-size:26px;font-weight:700;margin:0 auto 25px;padding:12px;text-align:center;width:80%}.dark-mode .login-container h2{background-color:#007bffa6;color:#fff}.input-group{display:flex;flex-direction:column;gap:20px;max-width:600px}.login-container input{border:2px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:18px;outline:none;padding:14px;text-align:left;transition:.3s;width:100%}.dark-mode .login-container input{background-color:#333;border:2px solid #777;color:#fff}.password-input-container{position:relative;width:100%}.password-input-container input{border:2px solid #ccc;border-radius:8px;font-size:18px;outline:none;padding:14px 45px 14px 14px;text-align:left;transition:.3s;width:100%}.toggle-password{align-items:center;color:#007bff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:12px;top:40%;transform:translateY(-50%)}.toggle-password svg{height:24px;transition:.3s;width:24px}.toggle-password:hover svg{color:#0056b3}.dark-mode .password-input-container input{background-color:#333;border:2px solid #777;color:#fff}.dark-mode .toggle-password svg{color:#66b3ff}.dark-mode .toggle-password:hover svg{color:#4a9ee3}.login-container button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-bottom:5px;margin-top:0;max-width:400px;padding:14px;transition:.3s ease-in-out;width:100%}.login-container button:hover{background-color:#0056b3;box-shadow:0 0 10px #005bbb80}.dark-mode .login-container button{background-color:#0056b3}.dark-mode .login-container button:hover{background-color:#004494}.error{color:#f44;margin-top:5px}.forgot-password{margin-top:10px;text-align:right}.forgot-password a{color:#007bff;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.dark-mode .forgot-password a{color:#66b3ff}.company-logo{border-radius:9px;clip-path:circle(80%);display:block;filter:contrast(150%);margin-bottom:15px;width:230px}.login-container form{animation:fadeIn .5s ease-in-out;background-color:#ffffffe6;box-shadow:0 12px 20px #0000001a;box-sizing:border-box;max-width:400px;padding:20px;width:100%}.dark-mode .login-container form{background-color:#000c;color:#fff}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2px}.company-logo{height:auto;max-width:100%;width:150px}.animated-border{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.bar{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background:linear-gradient(90deg,red,blue,green,#ff0);position:absolute;width:0}.bar,.top{height:4px}.top{animation-delay:0s;animation-name:move-top;left:0;top:0;width:100%}.right{animation-delay:.5s;animation-name:move-right;height:100%;right:0;top:0;width:4px}.bottom{animation-delay:1s;animation-name:move-bottom;bottom:0;height:4px;right:0;width:100%}.left{animation-delay:1.5s;animation-name:move-left;bottom:0;height:100%;left:0;width:4px}@keyframes move-top{0%{transform:translateX(-100%)}25%{transform:translateX(0)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}@keyframes move-right{0%{transform:translateY(-100%)}25%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(100%)}}@keyframes move-bottom{0%{transform:translateX(100%)}25%{transform:translateX(100%)}50%{transform:translateX(-100%)}to{transform:translateX(-100%)}}@keyframes move-left{0%{transform:translateY(100%)}25%{transform:translateY(100%)}50%{transform:translateY(-100%)}to{transform:translateY(-100%)}}.login-container{overflow:hidden;padding:50px;position:relative}.login-container form{border:2px solid #007bff;border-radius:12px;overflow:hidden;padding:30px;position:relative}.remember-container{align-items:center;display:flex;justify-content:space-between;margin-top:5px;max-width:400px;width:100%}.remember-me{align-items:center;display:flex;font-size:14px;font-weight:700;gap:5px;margin-top:-20px}.remember-me input{cursor:pointer;font-weight:700;height:16px;width:16px}.forgot-password{color:#007bff;font-size:14px;font-weight:700;margin-top:5px;text-decoration:none;white-space:nowrap}.forgot-password:hover{text-decoration:underline}.login-footer a{color:#007bff;font-weight:700;text-decoration:none}.login-footer a:hover{text-decoration:underline}.input-group{margin-bottom:10px;margin-top:-14px;position:relative;width:100%}.input-group input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:100%}.input-group .error{color:red;font-size:14px;margin-top:5px}.auth-method{align-items:center;border:1px solid #007bff;border-radius:4px;cursor:pointer;display:flex;flex:1 1;justify-content:center;margin-bottom:-1px;margin-top:-15px;padding:10px;transition:background-color .3s}.auth-method.selected{background-color:#008b8b;border-color:#007bff}.auth-method .auth-icon{margin-right:8px}.resend-otp-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-bottom:5px;margin-top:10px;max-width:400px;padding:14px;transition:.3s ease-in-out;width:100%}.resend-otp-button:hover{background-color:#218838;box-shadow:0 0 10px #28a74580}.login-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-bottom:5px;margin-top:10px;max-width:400px;padding:14px;transition:.3s ease-in-out;width:100%}.sign-in-option{color:#007bff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:22px;margin-top:-15px;text-align:center;text-decoration:none}.sign-in-option:hover{color:#0056b3}.auth-method-selection{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.show-auth-options .auth-method-selection{display:flex}.success-message{background-color:#e6ffe6;border-radius:5px;color:green;font-weight:700;margin-bottom:10px;padding:10px;text-align:center}@media (max-width:375px){.login-container button{font-size:16px;padding:10px}.login-container form{padding:10px}.login-container h2{font-size:22px}.login-container{padding-top:3vh}}.notification.success{color:#2f855a}.notification.error{color:#c53030}.notification .username{font-weight:700;margin-top:4px}.otp-message-container{animation:fadeIn .3s ease-in;margin-bottom:20px;width:100%}.otp-message{align-items:center;background-color:#4caf50;border-radius:4px;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.close-otp-message{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;padding:0 0 0 10px}.close-otp-message:hover{opacity:.8}[data-theme=dark] .otp-message{background-color:#2e7d32}.notification{border-radius:8px;max-width:350px;padding:12px 16px}.notification.success{background-color:#f0fff4;border-left:4px solid #38a169;color:#fff}.notification.error{background-color:#fff5f5;border-left:4px solid #e53e3e;color:#fff}.notification-content{flex-direction:column;flex-grow:1}.clear-notification{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:12px;opacity:.7;transition:opacity .2s}.clear-notification:hover{opacity:1}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}body{background-color:#f9f9f9}.dashboard-container{background-color:#eee8aa;border-radius:10px;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:800px;padding:20px;transition:all .3s ease}.dashboard-container.dark-mode{background:linear-gradient(135deg,#333,#444);color:#fff}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header h1{color:#333;font-size:24px;font-weight:600}.dashboard-container.dark-mode .header h1{color:#fff}.content{display:flex;flex-direction:column;gap:20px}input[type=number],input[type=text]{background:#fff5ee;border-radius:8px;box-sizing:border-box;font-size:16px;height:48px;margin-bottom:10px;padding:12px;transition:all .3s ease;width:100%}input[type=number]:focus,input[type=text]:focus{border-color:#007bff;box-shadow:0 0 10px #007bff80;outline:none}.details-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:8px;height:48px;padding:12px 24px;transition:all .3s ease}.details-button:hover{box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.details-button:active{transform:translateY(0)}.loading-spinner{align-items:center;color:#007bff;display:flex;font-size:18px;justify-content:center}.response-card{animation:fadeIn .5s ease;box-shadow:0 0 10px #000;padding:20px}pre{font-family:Courier New,Courier,monospace;font-size:14px;white-space:pre-wrap}.dashboard-footer{border-top:1px solid #ccc;color:#666;margin-top:30px;padding:10px;text-align:center}.dashboard-container.dark-mode .dashboard-footer{color:#aaa}@media (max-width:768px){.dashboard-container{padding:15px}.header h1{font-size:20px}input[type=number],input[type=text]{font-size:14px;height:40px;padding:10px}.details-button{font-size:14px;height:40px}}.navbar{display:flex;gap:10px;margin-bottom:20px}.nav-button{background-color:#007bff;border-radius:8px;color:#fff;cursor:pointer;display:inline;font-size:15px;padding:10px;transition:all .3s ease}.nav-button:hover{background-color:#0056b3}.nav-button.active{background-color:#004080}.default-landing{align-items:center;animation:fadeIn .5s ease;background-color:#fffc;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #90ee90;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px;text-align:center}.default-landing h2{color:#000;font-size:24px;margin-bottom:10px}.default-landing p{color:#000;font-size:16px}.dashboard-container.dark-mode .default-landing{background-color:#000c;color:#fff}.dashboard-container.dark-mode .default-landing h2{color:#fff}.dashboard-container.dark-mode .default-landing p{color:#ddd}.dashboard-container.dark-mode h2,.dashboard-container.dark-mode h3{color:#fff!important;margin-top:-8px}.endpoint-container{gap:15px;margin:0 auto;max-width:600px;text-align:left}.endpoint-container,.endpoint-container form{display:flex;flex-direction:column;width:100%}.endpoint-container form{align-items:flex-start;gap:12px}.endpoint-container input{border-radius:8px;box-sizing:border-box;font-size:16px;margin-top:-10px;padding:10px;width:100%}.button-container{justify-content:flex-end}.details-button{margin-top:-10px}.back-button{background-color:#6c757d;margin-top:-3px}.response-card{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-top:10px;padding:15px;text-align:left;width:92%}.dashboard-container.dark-mode .response-card{background-color:#444;color:#fff}.back-button,.details-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:8px;height:48px;justify-content:center;margin:0;max-width:200px;padding:12px 16px;width:100%}.details-button{background-color:#007bff;color:#fff}.details-button:hover{background-color:#0056b3}.back-button{background-color:#007bff;color:#fff}.back-button:hover{background-color:#0056b3}.button-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px;width:100%}.response-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-top:20px;max-width:600px;overflow:hidden;width:100%}.card-header{background:#4a6bff;color:#fff;padding:15px 20px}.card-header h3{font-size:18px;margin:0}.card-body{padding:20px}.detail-row{align-items:flex-start;border-bottom:1px solid #eee;display:flex;margin-bottom:15px;padding-bottom:15px}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-icon{color:#4a6bff;font-size:18px;margin-right:15px;margin-top:3px}.detail-content{flex:1 1}.detail-label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.detail-value{color:#333;display:block;font-size:16px;word-break:break-word}.dark-mode .response-card{background:#2d3748;border-color:#4a5568}.dark-mode .card-header{background:#4a6bff}.dark-mode .detail-label{color:#a0aec0}.dark-mode .detail-value{color:#fff}.dark-mode .detail-row{border-color:#4a5568}.reset-password-container{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:flex-start;padding-top:6.5vh;text-align:center}.reset-password-box{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;padding:2rem;text-align:center;width:350px}.reset-password-box h2{color:#333;margin-bottom:20px}.reset-password-box input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;padding:10px;width:100%}.reset-password-box input:focus{border-color:#667eea;box-shadow:0 0 5px #667eea80;outline:none}button{background:#667eea;font-size:18px;padding:12px;transition:.3s ease-in-out}button:hover{background:#764ba2}.error{font-size:14px}.error,.success{margin-bottom:10px}.success{color:green}.reset-buttons{flex-direction:row;gap:20px;margin-top:15px}.back-button-reset,.home-button-reset,.reset-buttons{align-items:center;display:flex;justify-content:center}.back-button-reset,.home-button-reset{background:none;background-color:#add8e6;border:2px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:16px;gap:5px;height:40px;line-height:40px;min-width:140px;padding:1px 14px;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.back-button-reset:hover,.home-button-reset:hover{border-color:#8a2be2;color:#8a2be2}.forgot-password-container{align-items:center;background:#f4a460;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;margin:50px auto;max-width:400px;padding:20px;text-align:center;width:90%}.forgot-password-container input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:10px 0 15px;max-width:100%;padding:10px;width:calc(100% - 2px)}button{margin-top:10px;width:100%}button:disabled{background-color:gray}.home-button{background:none;border:none;color:#007bff;gap:5px;justify-content:center;margin-top:15px;text-decoration:none}.or-text{color:#666;font-weight:700}.or-text,.success{font-size:14px;margin:5px 0}.dark-mode .forgot-password-container h2,.dark-mode .forgot-password-container p,.forgot-password-container h2,.forgot-password-container p{color:#000}.dark-mode .home-button{color:#fff}.dark-mode .home-button:hover{background-color:#000;color:#90ee90}.reset-link{color:#007bff;cursor:pointer;font-weight:700;text-decoration:underline}.reset-link:hover{color:#0056b3}.signup-container{align-items:center;background-color:#ffdead;display:flex;height:100vh;justify-content:center;padding:20px}form{background:#7fffd4;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:85%;overflow-y:auto;padding:2rem;width:350px}.signup-heading{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.input-group{margin-bottom:1rem}input{border-radius:5px;padding:10px}.error{color:red;font-size:12px;margin-top:4px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:-6px;padding:10px;transition:background .3s}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.login-link{color:#333;font-size:14px;margin-top:10px;text-align:center}.login-link a{color:#007bff;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (prefers-color-scheme:dark){.login-link{color:#fff}.login-link a{color:#1e90ff}}.logout-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.home-button{align-items:center;color:#000;cursor:pointer;display:flex;font-size:16px;gap:8px;margin-top:10px;transition:color .3s ease-in-out}.home-button:hover{color:var(--secondary-color)}.home-icon{font-size:20px}.home-icon:hover{color:var(--secondary-color)}.dark-mode .user-management-button{color:#fff}.dark-mode .user-management-button,.user-management-button{align-items:center;background-color:initial;border:1px solid #0000;border-radius:8px;display:flex;font-size:16px;gap:8px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.user-management-button{color:#000}.user-management-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 10px #00000026;color:#fff}.gear-icon{font-size:18px;transition:transform .3s ease}.user-management-button:hover .gear-icon{transform:rotate(180deg)}.app-header{align-items:center;background-color:#8fbc8f;border-bottom:2px solid #ddd;color:#000;display:flex;justify-content:space-between;padding:10px 20px;position:relative;z-index:1000}.app-header.dark-mode{background-color:#222;border-bottom:2px solid #444;color:#fff}.logo-container{align-items:center;display:flex}.company-logo{height:50px;width:auto}.dark-mode .company-logo{filter:brightness(1.2)}.header-actions{align-items:center;display:flex;gap:20px}.theme-toggle{background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.dark-mode .theme-toggle:hover,.theme-toggle:hover{background-color:#ffffff1a}.user-profile-container{position:relative}.user-profile{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.user-profile:hover{background-color:#ffffff1a}.user-icon{font-size:24px}.username{font-weight:500}.user-dropdown{animation:fadeIn .2s ease-out;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:10px;margin-top:5px;padding:20px;position:absolute;right:0;top:100%;width:250px}.dark-mode.user-dropdown{background-color:#2f4f4f;box-shadow:0 4px 12px #0000004d;color:#fff;padding:20px}.user-info{color:inherit}.user-email{font-size:14px}.dropdown-divider{background-color:#eee;height:1px;margin:8px 0}.dark-mode .dropdown-divider{background-color:#444}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;font-size:14px;position:relative;text-align:left;transition:all .2s ease;width:100%}.dark-mode .dropdown-item{color:#fff}.dropdown-item:hover{background-color:#f5f5f5}.dark-mode .dropdown-item:hover{background-color:#444}.dropdown-item.logout{color:#e74c3c}.dark-mode .dropdown-item.logout{color:#ff6b6b}.dropdown-icon{font-size:16px}@media (max-width:768px){.header-actions{gap:10px}.username{display:none}.user-dropdown{width:200px}}.dropdown-icon{margin-right:10px;width:16px}.dropdown-item{align-items:center;display:flex;gap:10px;margin-left:10px;padding:10px 15px;padding:10px 0}.dropdown-icon{text-align:center;width:18px}.user-info{align-items:center;display:flex;gap:12px;padding:0 15px 10px}.dropdown-user-icon{color:#666;font-size:40px}.dark-mode .dropdown-user-icon{color:#aaa}.user-role{font-size:14px;font-weight:600;margin:0;text-transform:capitalize}.user-email{color:#666;font-size:12px;margin:2px 0 0}.dark-mode .user-email{color:#aaa}@media (max-width:768px){.user-email,.user-role{display:none}.user-info{padding-bottom:5px}.dropdown-user-icon{font-size:30px}}.auction-container{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}.auction-container.dark-mode{background-color:#222;color:#fff}.auction-content{background-color:#fff;background:#ffe4b5;border:2px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:800px;padding:25px;text-align:center;width:90%}.dark-mode .auction-content{background-color:#333;border:2px solid #90ee90;color:#fff}.header-container{align-items:center;background:#66cdaa;display:flex;gap:20px;margin-bottom:15px;position:relative}.auction-heading{flex-direction:column;flex-grow:1;font-size:24px;font-weight:700;left:0;margin:-6px auto -17.5px;position:relative;position:absolute;right:0;text-align:center;width:100%;z-index:1}.back-button-auction{align-items:center;align-self:flex-start;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;position:relative;transition:background-color .3s ease;white-space:nowrap;width:auto;z-index:10}.search-bar{margin:20px 0;width:100%}.search-input-container{margin-bottom:-30px;margin-top:-30px}.search-button{display:contents}.dark-mode .search-button,.dark-mode .search-button:hover{color:#90ee90}.tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tab-button{border:1px solid #66b3ff;border-radius:5px;color:#fff;cursor:pointer;font-weight:lighter;margin-top:0;opacity:1;padding:12px 30px;transition:background-color .3s ease,color .3s ease}.tab-button,.tab-button:hover{background-color:#007bff}.dark-mode .tab-button,.tab-button.active{background-color:#007bff;color:#fff}.dark-mode .tab-button{border:1px solid #66b3ff;font-weight:lighter;margin-top:1rem;opacity:1}.dark-mode .tab-button:hover{background-color:#0056b3;color:#fff}.dark-mode .tab-button.active{background-color:#66b3ff;color:#000}.dark-mode .tab-content h2,.dark-mode .tab-content h3,.dark-mode .tab-content p{color:#fff}input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:10px;padding:12px;transition:border .3s ease;width:100%}input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;outline:none}.dark-mode input{background-color:#444;border:1px solid #66b3ff;color:#fff}.add-player,.create-team,.team-details{background-color:#ffdab9;border:2px solid #007bff;border-radius:10px;box-shadow:0 4px 10px #0003;padding:20px}.dark-mode .add-player,.dark-mode .create-team,.dark-mode .team-details{background-color:#333;border-color:#66b3ff;color:#fff}h2{margin-block-start:auto;margin-bottom:10px}.team-info{border-radius:8px;padding:15px}@media (max-width:768px){button,input{font-size:14px;margin-top:2px}button{padding:10px 15px;width:100%}input{padding:8px;width:100%}.auction-content{margin-top:2px;padding:15px;width:95%}.tab-button{padding:10px 20px}input{padding:10px}button,input{font-size:14px}button{padding:10px 15px}.header-container{flex-direction:column;gap:10px}.back-button-auction{width:100%}}.styled-input{padding:10px}.input-with-clear{display:flex;position:relative}.styled-input{border:2px solid #007bff;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px 40px 10px 10px;width:100%}.clear-button{align-items:center;background:none;border:none;color:#90ee90;cursor:pointer;display:contents;font-size:18px;justify-content:center;padding:0;position:absolute;right:10px}.clear-button:hover{color:red}.dark-mode .styled-input{background-color:#333;border-color:#90ee90;color:#fff}.dark-mode .clear-button{color:#90ee90}.dark-mode .clear-button:hover{color:red}.dark-mode .text-xl.font-bold{color:#fff}.search-result-box{background-color:#f8f9fa;background-color:#90ee90;border:2px solid #007bff;border-radius:65px;box-shadow:0 4px 10px #0000001a;margin-top:-10px;padding:20px}.dark-mode .search-result-box{background-color:#008b8b;border-color:#66b3ff;color:#fff;margin-top:-10px}.search-result-heading{color:#007bff;font-size:20px;font-weight:700;margin-bottom:15px;margin-top:-10px}.dark-mode .search-result-heading{color:#fff}.search-result-content{word-wrap:break-word;background-color:#fff;border-radius:8px;font-family:monospace;margin-top:-10px;margin-block:inherit;overflow-x:auto;padding:15px;white-space:pre-wrap}.dark-mode .search-result-content{background-color:#444;color:#fff}.back-button-auction{margin-bottom:15.5px;margin-top:27px}.card{background-color:pink;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s;width:300px}.card:hover{transform:translateY(-5px)}.card h3{font-size:1.5em;margin-bottom:10px}.card p{font-size:1em;margin-bottom:5px}.dark-mode .card{background-color:peru;border-color:#66b3ff;color:#fff}.search-result-box.single-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.search-result-box.single-card .card-container{align-items:center;display:flex;justify-content:center;width:100%}.search-result-box.single-card .card{max-width:100%;width:auto}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.team-info{background-color:#f8f9fa;border:2px solid #007bff;border-radius:10px;box-shadow:0 4px 10px #0003;margin-top:20px;padding:20px;text-align:left}.dark-mode .team-info{background-color:#444;border-color:#66b3ff;color:#fff}.team-info h3,.team-info h4{color:#007bff;margin-bottom:10px}.dark-mode .team-info h3,.dark-mode .team-info h4{color:#bdb76b}.player-list{list-style-type:none;padding:0}.player-item{background-color:#e9ecef;border-left:5px solid #007bff;border-radius:5px;margin-bottom:5px;padding:10px}.dark-mode .player-item{background-color:#555;border-left-color:#66b3ff;color:#fff}.player-item strong{color:#007bff}.dark-mode .player-item strong{color:#66b3ff}.team-logo-container{display:flex;justify-content:center;margin-bottom:15px}.team-logo{border:2px solid #007bff;border-radius:50%;height:80px;object-fit:cover;width:80px}.dark-mode .team-logo{border-color:#66b3ff}.custom-select .css-1s2u09g-control{width:100%}.input-with-clear{align-items:center;background-color:#7fffd4!important;border-radius:5px;display:flow;margin-bottom:15px;padding:1px;text-align:left;width:100%}.input-with-clear .custom-select{flex:1 1}.dark-mode .input-with-clear{background-color:#fff;color:#000!important}.search-input-container{margin-bottom:-10px;margin-top:-20px}.search-button{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:18px;justify-content:center;outline:none;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.search-button:active,.search-button:focus,.search-button:focus-visible,.search-button:hover:active{-webkit-tap-highlight-color:transparent!important;background:none!important;box-shadow:none!important;outline:none!important}.search-button:hover,.search-icon:hover{color:#0056b3}.dark-mode .search-input{margin-top:8px}.dark-mode .search-icon,.dark-mode .search-icon:hover{color:#90ee90}.search-input-container{align-items:center;display:flex;position:relative;width:100%}.search-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin-top:.5rem;padding:12px 45px 12px 15px;transition:border .3s ease;width:100%}.search-icon{color:#007bff;right:15px}.clear-icon,.search-icon{cursor:pointer;font-size:18px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%)}.clear-icon{color:#90ee90;right:40px}.clear-icon:hover{color:red}.dark-mode .search-input{background-color:#444;border:1px solid #66b3ff;color:#fff}.dark-mode .clear-icon,.dark-mode .clear-icon:hover,.dark-mode .search-icon,.dark-mode .search-icon:hover{color:#90ee90}.error-message{color:#f44;margin:15px 0}.error-box{align-items:center;background-color:#ffebee;border:1px solid #f44;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:0;margin-top:0;padding:10px 15px}.error-box p{color:#f44;margin:0}.close-icon{cursor:pointer;margin-left:10px}.close-icon:hover{opacity:.8}.success-message{margin:15px 0}.success-box{align-items:center;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:0;margin-top:0;padding:10px 15px}.success-box p{color:#2e7d32;margin:0}:root{--primary-color:#4f46e5;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--text-color:#374151;--light-gray:#f3f4f6;--medium-gray:#e5e7eb;--dark-gray:#6b7280;--white:#fff;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition:all 0.3s ease}.user-management-container{background-color:wheat;color:#374151;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.header-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.user-class-heading{color:#374151;color:var(--text-color)}.dark-mode .user-class-heading,.user-class-heading{font-size:1.8rem;font-weight:700;margin:10px 0 0;text-align:center}.dark-mode .user-class-heading{background-color:initial;color:#fff}.user-search-bar{flex-grow:1;margin:0 1rem;max-width:400px;position:relative}.user-search-bar input{background-color:#40e0d0}.dark-mode .user-search-bar input,.user-search-bar input{border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.5rem;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;transition:var(--transition);width:100%}.dark-mode .user-search-bar input{background-color:tan}.user-search-bar input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.user-search-icon{color:#6b7280;color:var(--dark-gray);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.add-user-btn{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.add-user-btn:hover{background-color:#4338ca}.create-admin-form-container{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-admin-form{background-color:#fff;background-color:var(--white);background-color:#5f9ea0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}.create-admin-form h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.form-group-admin{display:flex;flex-direction:column;gap:.5rem}.form-group-admin label{color:#000;font-size:.875rem;font-weight:550}.form-group-admin input{border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.5rem;box-sizing:border-box;font-size:.9rem;height:40px;padding:.75rem;transition:all .3s ease;transition:var(--transition)}.form-group-admin input[type=password]{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.1em}.form-group-admin input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.submit-btn{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.submit-btn:hover{background-color:#4338ca}.users-table-container{background-color:#fff;background-color:var(--white);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:#f3f4f6;background-color:var(--light-gray)}.users-table th{color:#6b7280;color:var(--dark-gray);color:#000;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.users-table td,.users-table th{background-color:#5f9ea0;padding:1rem}.users-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--medium-gray);color:#fff;vertical-align:middle}.user-avatar{align-items:center;background-color:#4f46e5;background-color:var(--primary-color);border-radius:50%;color:#fff;color:var(--white);display:inline-flex;font-weight:600;height:36px;justify-content:center;margin-right:.75rem;width:36px}.role-select{display:inline-block;position:relative}.role-select select{appearance:none;border:1px solid #e5e7eb;border:1px solid var(--medium-gray);border-radius:.5rem;cursor:pointer;font-weight:500;min-width:150px;padding:.5rem 2rem .5rem .75rem;transition:all .3s ease;transition:var(--transition)}.role-select select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.dropdown-icon{color:#6b7280;color:var(--dark-gray);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.action-btn{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:36px}.action-btn:hover{background-color:#f3f4f6;background-color:var(--light-gray)}.delete-btn{color:#ef4444;color:var(--danger-color)}.delete-btn:hover{background-color:#ef44441a}.no-results{background-color:#fff;background-color:var(--white);background-color:#66cdaa;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);padding:2rem;text-align:center}.no-results p{color:#6b7280;color:var(--dark-gray);margin-bottom:1rem}.clear-search-btn{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.clear-search-btn:hover{background-color:#4338ca}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-modal{animation:fadeIn .3s ease;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 20px #00000026;max-width:400px;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;margin-bottom:1rem}.modal-header h3{margin:0 0 0 .75rem}.modal-header h3,.warning-icon{color:#ef4444;color:var(--danger-color)}.warning-icon{font-size:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn,.confirm-btn{border:none;border-radius:.25rem;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.confirm-btn{align-items:center;display:flex;gap:.5rem}.confirm-btn:hover{background-color:#c82333}.notification{animation:slideIn .3s cubic-bezier(.68,-.55,.27,1.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.5rem;box-shadow:0 4px 12px #00000026;justify-content:space-between;max-width:400px;padding:1rem 1.25rem}.notification.success{background-color:#10b981e6;border-left:4px solid #059669}.notification.error{background-color:#ef4444e6;border-left:4px solid #dc2626}.notification-content{align-items:center;display:flex;gap:.75rem}.notification-icon{display:flex;font-size:1.25rem}.close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;margin-left:1rem;opacity:.8;transition:opacity .2s ease}.close-btn:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-section{align-items:stretch;flex-direction:column}.user-search-bar{margin:.5rem 0;max-width:100%}.users-table{display:block;overflow-x:auto}.form-grid{grid-template-columns:1fr}.notification{left:5%;max-width:90%;right:5%}}.delete-action-container{min-width:120px;padding-right:20px;position:relative}.delete-confirmation{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;margin-top:-22px;padding:14px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:20}.delete-confirmation span{color:#374151;color:var(--text-color);font-size:14px;margin-right:8px}.cancel-btn,.confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .3s ease;transition:var(--transition)}.confirm-btn{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.confirm-btn:hover{background-color:#c00}.cancel-btn{background-color:#f3f4f6;background-color:var(--light-gray);color:#374151;color:var(--text-color)}.cancel-btn:hover{background-color:#e5e7eb;background-color:var(--medium-gray)}.close-form-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1.5rem;justify-content:center;left:50%;padding:.25rem;position:absolute;top:.7rem;transform:translateX(-50%);transition:all .3s ease;transition:var(--transition);width:1.5rem}.close-form-btn:hover{background-color:#fff3}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.profile-container{background:#b0e0e6;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.dark-mode .profile-container{background:tan;color:#fff}.profile-container h2{color:#000;margin-bottom:2rem;text-align:center}.profile-view{display:flex;flex-direction:column;gap:1.5rem}.profile-field{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem}.dark-mode .profile-field{border-bottom-color:#444}.profile-icon{color:#8fbc8f;font-size:1.5rem}.profile-field div{flex:1 1}.profile-field label{color:#666;display:block;font-weight:600;margin-bottom:.5rem}.dark-mode .profile-field label{color:#000}.profile-field p{margin:0}.edit-button{align-self:flex-end;background:#3cb371;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .3s}.edit-button:hover{background:#6d9e6d}.profile-form{color:#000;gap:1rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#000;font-weight:600}.dark-mode .form-group label{color:#000}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.dark-mode .form-group input{background:#444;border-color:#555;color:#fff}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.form-actions button{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:background .3s}.form-actions button:first-child{background:blue}.dark-mode .form-actions button:first-child{background:#555;color:#fff}.form-actions button:last-child{background:blue;color:#fff}.form-actions button:hover{opacity:.9}.profile-error,.profile-loading{font-size:1.2rem;padding:2rem;text-align:center}@media (max-width:768px){.profile-container{margin:1rem;padding:1rem}}.form-container{display:flex;justify-content:center}.profile-form{background:#fff;background-color:khaki;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:2rem;width:100%}.dark-mode .profile-form{background:khaki;color:#fff}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:4px;box-shadow:0 2px 10px #0003;color:#fff;display:flex;gap:1rem;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background-color:green}.notification.error{background-color:red}.notification-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:0}.notification-close:hover{opacity:.8}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.change-password-container{background-color:#b0e0e6;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:500px;padding:2.5rem 2.5rem 2.5rem 6.5rem}.change-password-container form{color:#fff}.change-password-container form,.dark-mode .change-password-container form{background-color:teal;border-radius:8px;margin-top:1rem;padding:2rem}.change-password-container h2{color:#000;margin-bottom:1rem}.change-password-container p{color:#000;margin-bottom:1.5rem}.back-button-change-password{align-items:center;background:blue;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;margin-bottom:1.5rem;max-width:fit-content}.back-button-auction:hover{background-color:#0056b3}.form-group-change-password{margin-bottom:1.5rem}.form-group-change-password label{color:var(--text-primary);display:block;margin-bottom:.5rem}.form-group-change-password input{background:#000;border:1px solid var(--border-color);border-radius:4px;color:#fff;padding:.75rem;width:100%}button[type=submit]{background:blue;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;width:100%}button[type=submit]:hover{background:#0056b3}button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.message{align-items:center;border-radius:4px;display:flex;justify-content:space-between;margin:1rem 0;padding:.75rem 1rem}.message.error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f;margin-top:-1rem}.message.success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32;margin-top:-1rem}.clear-message{align-items:center;background:#0000!important;border:none;color:inherit;cursor:pointer;display:inline-flex;margin-left:.5rem;opacity:.7;padding:0;transition:opacity .2s ease}.clear-message:hover{background:#0000!important;opacity:1}.clear-message:focus{box-shadow:none;outline:none}.dark-mode .message.error{background-color:#d32f2f33;color:#ff8a80}.dark-mode .message.success{background-color:#2e7d3233;color:#a5d6a7}.dark-mode .clear-message{background:#0000!important;color:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f8ff;font-family:Roboto,sans-serif;margin:0;padding:0}body.dark-mode{background-color:#5f9ea0;color:#fff}
/*# sourceMappingURL=main.5e705594.css.map*/