.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;max-width:400px}.login-box h2{text-align:center;color:#333;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:700}.form-group input{border:1px solid #ddd;border-radius:4px}.form-group input,.login-box button{width:100%;padding:.75rem;font-size:1rem}.login-box button{background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.login-box button:hover{background:#0056b3}.login-box button:disabled{background:#ccc;cursor:not-allowed}.error{color:#dc3545;text-align:center;margin-top:1rem}:root.dark-mode .login-container{background-color:#1a1a1a}:root.dark-mode .login-box{background:#2d2d2d;box-shadow:0 2px 8px rgba(0,0,0,.3)}:root.dark-mode .form-group label,:root.dark-mode .login-box h2{color:#fff}:root.dark-mode .form-group input{background:#1a1a1a;border-color:#444;color:#fff}:root.dark-mode .form-group input:focus{border-color:#007bff;outline:none}:root.dark-mode .login-box button{background:#007bff}:root.dark-mode .login-box button:hover:not(:disabled){background:#0056b3}:root.dark-mode .login-box button:disabled{background:#444;color:#666}@media (max-width:480px){.login-box{margin:1rem;padding:1.5rem}}