.container{background:#fff;border-radius:12px;width:100%;min-width:300px;max-width:400px;min-height:10rem;margin:.2rem auto;padding:.5rem;box-shadow:0 4px 10px #0000001a}.form-group{flex-direction:column;margin-bottom:.3rem;display:flex}input{background:0 0;border:none;outline:none;width:100%;padding:.65rem;font-size:1rem}.input-wrapper{border:1px solid #ccc;border-radius:8px;align-items:center;padding:0;display:flex}input:-webkit-autofill{-webkit-text-fill-color:#000;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#000;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#000;box-shadow:inset 0 0 0 1000px #fff!important}input:focus{background-color:#0000;outline:none}.submit-btn{color:#fff;background-color:#5b1de1}.click-link{cursor:pointer;color:#5b1de1}.error-input{background:#ffe6e6;border-color:#e63946}.transparent{color:#0000;background:0 0}.error{color:#e63946;margin-top:.25rem;font-size:.875rem}.title{text-align:center;color:#333;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.header,.scoreItem{justify-content:space-between;padding:1rem;font-size:1rem;display:flex}.header{color:#fff;background:#3a6096;border-radius:12px 12px 0 0;font-weight:600}.scoreItem{background:#f3f4f6;border-bottom:1px solid #e5e7eb}.scoreItem:hover{background:#e5e7eb}.user{color:#444;font-weight:500}.points{color:#2563eb;font-weight:700}.spinner{border:4px solid #f3f3f3;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:1s linear infinite spin}.toggleBtn{color:#fff;cursor:pointer;background:#054f80;margin-bottom:5px;margin-right:5px}.toggleBtn:hover{background:#078ce4}.submit{color:#fff;background:#180eaa;margin-bottom:5px;margin-right:5px}.submit:hover{background:#1507e0}.signout{color:#fff;background:#e83245;margin-bottom:5px;margin-right:5px}.signout:hover{background:#ee415e}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.page-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:background .2s ease-in-out,transform .1s}.page-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-2px)}.page-btn:disabled{color:#666;cursor:not-allowed;background:#ddd}.page-info{color:#333;font-size:.95rem;font-weight:500}.page-btn.first,.page-btn.last{display:inline-flex}.centered{text-align:center}@media (max-width:500px){.container{width:100%;min-width:unset;margin:1rem auto;padding:0 1rem}.mobile-hide,.page-btn.last{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width:768px){.container{max-width:800px;margin:2rem auto}.title{font-size:2.5rem}.header,.scoreItem{text-align:center;padding:1rem;font-size:1rem}}
.popup{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:2rem;box-shadow:0 4px 12px #0000004d}.popup-content h3{color:green;margin-bottom:1rem}.popup-content button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;margin-top:1rem;padding:.5rem 1rem}.popup-content .delete{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;margin-top:1rem;padding:.5rem 1rem}.popup-content .cancel{color:#333;cursor:pointer;background:#ddd;border:none;border-radius:8px;margin-top:1rem;margin-right:20px;padding:.5rem 1rem}.popup-content .cancel:hover{color:#000;background:#ddd}.popup-content button:hover{background:#0056b3}button[disabled]{opacity:.6;cursor:not-allowed}.spinner{border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}