body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.auth-container,.profile-container{width:400px;margin:50px auto;padding:30px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.auth-container h2,.profile-container h2{text-align:center;margin-bottom:20px}.auth-container form div,.profile-container form div{margin-bottom:15px}.auth-container label{display:block;margin-bottom:5px}.auth-container input{width:100%;padding:8px;box-sizing:border-box}.modal-content input{width:100%;padding:8px;margin-bottom:6px;box-sizing:border-box}.auth-container button{width:100%;padding:10px;background:#5cb85c;border:none;color:#fff;font-size:16px;cursor:pointer}.logout-button{width:100%;padding:10px;background:#d9534f;border:none;color:#fff;font-size:16px;cursor:pointer}.add-button{width:100%;padding:10px;background:#5cb85c;border:none;color:#fff;font-size:16px;cursor:pointer}.auth-container button:hover,.add-button button:hover{background:#4cae4c}.error-msg{color:red;text-align:center;margin-bottom:15px}.profile-container ul{list-style-type:none;padding:0}.profile-container li{background:#f9f9f9;margin-bottom:10px;padding:15px;border-radius:4px;position:relative}.delete-button{position:absolute;bottom:10px;right:10px;width:20%;padding:5px;background:#d9534f;border:none;color:#fff;font-size:14px;cursor:pointer;border-radius:4px}.delete-button:hover,.logout-button:hover{background:#f02020ab}.update-button{position:absolute;bottom:50px;right:10px;width:20%;padding:5px;background:#5aa7ff;border:none;color:#fff;font-size:14px;cursor:pointer;border-radius:4px}.update-button:hover{background:#202ef0ed}.save-button{position:absolute;bottom:5px;right:45px;width:20%;padding:5px;background:#a3a3a3;border:none;color:#fff;font-size:14px;cursor:pointer;border-radius:4px}.save-button:hover{background:#707070ed}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:300px;border-radius:5px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.instructionsBoxStyle{background-color:#f8f9fa;border:2px solid black;border-radius:5px;padding:15px;text-align:center;font-size:14px;color:#333}