.App{text-align:center}.error-message{color:red;font-size:14px;margin-top:5px;text-align:center}button:not(.disabled-button):hover{background-color:#535bf2}.show-password-checkbox{display:flex;align-items:center;margin-top:8px;font-size:14px}.show-password-checkbox input{margin-right:8px;cursor:pointer}.show-password-checkbox label{cursor:pointer;color:#666}.error-message{color:red;font-size:14px;margin-top:5px}.disabled-button{opacity:.6;cursor:not-allowed;background-color:#535bf2}.container{width:100%;margin:0;padding:0;display:grid;grid-template-columns:repeat(1,1fr)}.item{padding-top:10px}.inputlogin{color:#000;background-color:#fff;border:solid black;border-radius:1px;font-size:16px;line-height:1;padding:.25em 1em}.mainform{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;justify-items:center}.mainform form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.mainform h1{text-align:center;margin-bottom:1.5rem;color:#333}.mainform .item{margin-bottom:1rem}.logoitem{display:flex;justify-content:center;align-items:center;justify-items:center}.inputlogin{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.inputlogin:focus{outline:none;border-color:#646cff}.mainform button{width:100%;padding:12px;background-color:#646cff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.mainform button:hover{background-color:#535bf2}.dashboardheader{display:flex;align-items:center;background-color:#f5f5f5;gap:16px}.dashboardoption{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;justify-items:center;gap:16px}.dashboardoption button{width:100%;padding:12px;background-color:#646cff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.dashboardoptionitem{background-color:#fff;padding:20px}.changepassword{display:flex;justify-items:center;padding-top:10px;margin-bottom:1rem}.changepassword button{width:100%;padding:12px;background-color:#646cff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.error-message{color:red;margin:10px 0;text-align:center;font-size:14px}.success-message{color:#4caf50;margin:10px 0;text-align:center;font-size:14px;font-weight:700}.changepassword button{width:100%;padding:12px;border:none;border-radius:4px;font-size:16px;margin-top:10px;transition:background-color .3s}.item{margin-bottom:15px}.inputlogin{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.show-password-checkbox{margin:10px 0;display:flex;align-items:center}.show-password-checkbox input{margin-right:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:200px;width:100%}