.preloader-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f7f7f7}.preloader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f7f7f7}.home-container{max-width:1200px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.button-container{display:flex;gap:15px;margin-bottom:20px}.sort-btn,.refresh-btn{background-color:indigo;color:#fff;padding:12px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.sort-btn:hover,.refresh-btn:hover{background-color:#3f51b5}.refresh-btn{display:flex;align-items:center;justify-content:center;gap:5px}.cards-container{display:flex;flex-wrap:wrap;gap:20px}.booking-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:100%;max-width:350px;margin-bottom:20px;color:#000}.booking-card h3{font-size:18px;margin-bottom:10px}.booking-details p{margin:5px 0}@media (max-width: 768px){.cards-container{flex-direction:column;align-items:center}.booking-card{width:100%;max-width:90%}.button-container{flex-direction:column;align-items:center;gap:10px}.sort-btn,.refresh-btn{width:100%;font-size:14px;padding:12px 20px}}@media (max-width: 480px){.sort-btn,.refresh-btn{width:100%;font-size:14px;padding:12px 20px}.booking-card{padding:15px;max-width:100%}}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f7f7f7}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;text-align:center}.avatar-container{margin-bottom:20px}.avatar{width:80px;height:80px;object-fit:cover}h2{font-size:24px;margin-bottom:20px;color:indigo}.input-group{margin-bottom:15px;text-align:left}.input-group label{font-size:14px;color:indigo}.input-group input{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px;font-size:16px}.password-input{display:flex;justify-content:space-between;align-items:center}.password-input input{width:85%}.password-input button{background:transparent;border:none;color:indigo;cursor:pointer}.submit-btn{width:100%;padding:12px;background-color:indigo;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-messages{color:#f44336;font-size:14px;margin-bottom:15px;text-align:left;animation:fadeInOut 5s ease-in-out forwards}.success-message{color:#4caf50;font-size:14px;margin-bottom:15px;text-align:left;animation:fadeInOut 5s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}