body{font-family:Arial,sans-serif;background:linear-gradient(to right,#6a11cb,#2575fc);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-wrapper{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;text-align:center}h1{margin-bottom:1.5rem;font-size:24px;color:#333}.form-group{margin-bottom:1rem;text-align:left}label{display:block;font-weight:700;margin-bottom:5px;color:#333}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;transition:border-color .3s}input:focus{border-color:#2575fc;outline:none}.error-message{color:red;font-size:14px;margin-top:5px}.forgot-password{text-align:right;margin-bottom:1rem}.forgot-password a{color:#2575fc;text-decoration:none;font-size:14px}.forgot-password a:hover{text-decoration:underline}.btn-login{width:100%;padding:10px;background:#2575fc;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s}.btn-login:hover{background:#1e5fc8}.btn-login:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 480px){.login-wrapper{width:90%}}.dashboard-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f4f7fc;font-family:Arial,sans-serif}.dashboard-content{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;width:100%;max-width:600px}h1{font-size:2rem;margin-bottom:1rem;color:#333}.welcome-message{font-size:1.1rem;margin-bottom:1.5rem;color:#555}.btn-logout{padding:10px 20px;background:#2575fc;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s}.btn-logout:hover{background:#1e5fc8}@media (max-width: 480px){.dashboard-content{width:90%}}