.logo{position:absolute;top:0;left:0}.horizontal-nav .nav-link{font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:1.3rem;text-align:center;padding:10px;display:inline-block;margin-right:10px;cursor:pointer;color:#2c3e50;transition:color .3s;text-decoration:none;margin-top:5px}.horizontal-nav .nav-link:hover,.horizontal-nav .router-link-active{color:#59e3a8}#log{right:18px;width:90px;border:2px solid #000;border-radius:16px}#log,#profile-button{position:absolute;top:59px}#profile-button{width:auto;height:46px;background-color:#58c093;padding:5px 13px 5px 9px;border-radius:20px;cursor:pointer;right:150px}#profile-button,.profile-photo{display:flex;align-items:center}.profile-photo{width:30px;height:30px;border-radius:50%;background-color:#20639b;justify-content:center;margin-right:10px}.profile-initial{color:#fff;font-size:16px;font-weight:700}.username{color:#fff;font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:1rem}.popup-menu-container{position:relative;display:inline-block}.popup-menu{position:absolute;top:100%;left:-97px;color:#fff;width:207px;height:165px;background-color:#58c093;border:1px solid #ccc;border-radius:15px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.popup-menu ul{list-style:none;margin:0;padding:0}.popup-menu li{padding:15px 20px;cursor:pointer}.popup-menu li:hover{background-color:rgba(74,157,121,.725)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.image-container{display:flex;justify-content:center}.image-container img{width:30%;height:auto;padding:10px}.tagline{font-family:Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:1.5rem;text-align:center;padding:20px 0}.details{align-items:center;margin:20px 0}.details.reverse{flex-direction:row-reverse}.texts{flex:1;font-size:large;margin:0 50px}.photos{flex:1;display:flex;align-items:center;justify-content:center}.photos img{width:100%;height:auto;max-width:400px;max-height:700px}.footer{background-color:#2c3e50;color:#fff;text-align:center;padding:20px 0;position:relative;width:100%;bottom:0}.login-container{width:400px;height:500px;margin:auto;padding:40px 25px 0 25px;border:1px solid #ccc;border-radius:20px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}.createAccount-container{height:auto}.login-container input{margin-bottom:20px;height:40px;width:350px;border-radius:6px;padding-left:10px}.admin-page{display:flex;flex-direction:column;padding:20px}.tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:20px}.tab{padding:10px 20px;cursor:pointer;border-top-left-radius:5px;border-top-right-radius:5px}.tab.active{background-color:#d5f4e6;border:1px solid #ccc;border-bottom:none}.dashboard{display:flex;gap:20px;margin-bottom:20px}.card{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:7px;color:#333;flex:1}.card i{font-size:61px;margin-right:10px}.create-spot,.latest-bookings,.reports{margin-top:20px}td,th{border:1px solid #ccc}input{width:100%;padding:8px;box-sizing:border-box}button{padding:10px 20px;margin-top:10px}.popup-overlay[data-v-4aaed738]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup[data-v-4aaed738]{background-color:#fff;padding:20px;border-radius:5px;width:650px;text-align:center}label[data-v-4aaed738]{text-align:left;margin-left:6px}.rating[data-v-4aaed738]{margin-left:150px}.div-container[data-v-4aaed738]{position:relative;top:-285px}.bg-image[data-v-4aaed738]{width:729px;height:607px;padding-left:500px}.search-result[data-v-4aaed738]{margin-top:50px;display:flex;flex-wrap:wrap;gap:20px}.search-container[data-v-4aaed738]{position:absolute;top:50%;left:29%;transform:translate(-50%,-50%);background-color:#e9f9ef;padding:50px 45px 50px 45px;border-radius:7px}.spot-details[data-v-4aaed738]{display:inline-block;width:342px;height:550px;margin:auto;padding:10px 10px 10px 10px;border:1px solid #ccc;border-radius:7px;background-color:#e9f9ef}.search-container h2[data-v-4aaed738]{font-size:24px;margin-bottom:20px}.form-group[data-v-4aaed738]{margin-bottom:15px}label[data-v-4aaed738]{display:block;margin-bottom:5px}input[data-v-4aaed738],input[type=date][data-v-4aaed738],input[type=number][data-v-4aaed738]{width:350px;height:40px;border-radius:6px}.btn[data-v-4aaed738]{background-color:#59e3a8;color:#fff;border:none;cursor:pointer;width:215px}.btn[data-v-4aaed738]:hover{background-color:#58c093}.about-page{font-family:Arial,sans-serif;padding:20px;box-sizing:border-box;max-width:1200px;margin:0 auto;text-align:center}.nav ul{display:flex;justify-content:space-between;padding:0;list-style:none;margin-bottom:20px}.about-section{background-color:#fff;padding:20px;border-radius:10px;margin-bottom:20px}.about-section h1{font-size:36px;color:#000}.quote-section{margin:40px 0;font-style:italic;background:#f9f9f9}.quote-section,.team-section{padding:20px;border-radius:10px}.team-section{background-color:#fff;margin-bottom:20px}.team-section h2{font-size:36px;color:#000}.team-members{display:flex;justify-content:space-around;margin-bottom:20px}.team-member{text-align:center}.team-member img{border-radius:50%;width:100px;height:100px}.stats{display:flex;justify-content:space-around;margin-top:20px}.stats div{text-align:center}.stats h3{font-size:36px;margin:0}.footer{margin-top:40px}.footer p{font-size:14px;color:#777}.bg{width:736px;height:721px}.form_container{display:flex;justify-content:center}.form-container{width:400px;height:500px;margin:auto;padding:40px 25px 0 25px;border:1px solid #ccc;border-radius:20px;background-color:#e2f4e5;box-shadow:0 2px 6px rgba(0,0,0,.3)}input{width:350px;height:40px;border-radius:6px}.btn{margin-top:25px}.ratings{margin-left:443px;border:none}label{margin-left:55px}.br,label{display:block;text-align:left}.br{margin-left:5px}.result{display:inline;text-align:right;margin-left:20px}.title{margin-right:1000px}#comments-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin-left:15px}.img-container{display:flex}.text{flex:1;margin-left:50px}.photo{flex:2;display:flex;gap:4px}.img{margin-top:-105px;margin-left:24px;width:470px;height:415px;border-radius:7px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.description-container,.details{display:flex}.details{flex:2}.contact{flex:2;margin-top:6px}.facility{flex:1}.price-info{flex:1;width:30%;height:auto;margin-top:20px;margin-right:72px;padding:40px 25px 106px 25px;border-radius:7px;background:linear-gradient(180deg,#e9f9ef,#fff)}.comments{width:700px;height:auto;margin-left:14px;margin-bottom:31px;padding:10px 10px 10px 10px;border:1px solid #ccc;border-radius:15px;background-color:#fff;box-shadow:0 9px 19px rgba(0,0,0,.3)}.popup-overlay{background:rgba(0,0,0,.5)}.popup{background:#fff;border-radius:10px;position:relative;width:300px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.book-button{background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;width:100%}.book-button:hover{background-color:#0056b3}.popup-overlay[data-v-4fe67056]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup[data-v-4fe67056]{background-color:#fff;padding:20px;border-radius:5px;width:650px;text-align:center}.profile-page[data-v-4fe67056]{display:flex;gap:20px}.profile-card[data-v-4fe67056]{flex:1;background:#59e3a8;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-header[data-v-4fe67056]{text-align:center}.avatar[data-v-4fe67056]{width:100px;height:100px;border-radius:50%;background-color:#20639b;display:flex;justify-content:center;align-items:center;margin-left:205px}.profile-initial-letter[data-v-4fe67056]{color:#fff;font-size:36px;font-weight:700}.profile-about[data-v-4fe67056]{margin-top:20px}.profile-form[data-v-4fe67056]{flex:2;background:#e9f9ef;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-group[data-v-4fe67056]{margin-bottom:15px}.form-group label[data-v-4fe67056]{display:block;margin-bottom:5px}.form-group input[data-v-4fe67056]{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.form-buttons[data-v-4fe67056]{display:flex;justify-content:flex-end;gap:10px}.form-buttons button[data-v-4fe67056]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.form-buttons button[type=button][data-v-4fe67056]{background:#ccc}.form-buttons button[type=submit][data-v-4fe67056]{background:#007bff;color:#fff}.close-btn{background-color:#59e3a8;color:#fff;border:none;border-radius:5px;width:46px;height:28px;font-size:18px;position:absolute;top:10px;right:10px;cursor:pointer}.close-btn:hover{background-color:#ed5f5f}.submit-btn{border:none;border-radius:5px;background-color:#59e3a8;color:#fff;width:95px;height:40px}.submit-btn:hover{background-color:#54af88}textarea{width:100%;height:100px;margin-top:10px;border-radius:5px}.comment,.rating{border:.9px solid #000;border-radius:5px;width:100%;margin-bottom:14px}.booking-history{max-width:1000px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.booking-history h1{text-align:center;margin-bottom:20px}table{width:100%;border-collapse:collapse;margin-bottom:20px}td,th{padding:10px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#f4f4f4}button{padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup{background-color:#fff;padding:20px;border-radius:5px;width:650px;text-align:center}.confirm-booking{display:flex;justify-content:space-between;padding:20px;font-family:Arial,sans-serif}.booking-summary,.user-details{width:48%}.booking-details,.hotel-info,.price-summary{background-color:#f9f9f9;padding:20px;border-radius:10px;margin-bottom:20px}.booking-details h3,.hotel-info h2,.price-summary h3,.user-details h3{margin-top:0}.booking-details p,.hotel-info p,.price-summary p{margin:10px 0}.price-summary p{margin:5px 0}.price-summary a{color:#007bff;cursor:pointer}.sign-in-info{background-color:#f9f9f9;padding:10px;border-radius:10px;margin-bottom:20px}.sign-in-info p{margin:5px 0}form .form-group{margin-bottom:15px}form .form-group label{display:block;margin-bottom:5px}form .form-group input,form .form-group select{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}form .form-group input[type=radio]{width:auto;margin-right:5px}form .form-group input[type=checkbox]{width:auto;margin-right:10px}form .form-group label[for=paperlessConfirmation]{display:inline}form .form-group label[for=mainGuest],form .form-group label[for=someoneElse],form .form-group label[for=travelingNo],form .form-group label[for=travelingYes]{margin-right:20px}.container{justify-content:center;align-items:center;height:100vh}.container,.from-section{display:flex}.image-section img{width:736px;height:721px}.admin-login-container{padding:40px 25px 0 25px;background-color:#263238}.admin-login-container,.createAccount-container{width:400px;height:500px;margin:auto;border:1px solid #ccc;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.createAccount-container{padding:40px 25px 106px 25px;background-color:#fff}.admin-login-container input{border-radius:6px;border:2px solid #fff}.admin-login-container input,.createAccount-container input{margin-bottom:20px;height:40px;width:350px;padding-left:10px}.createAccount-container input{border-radius:6px}.error{color:red}.btn{background-color:#59e3a8;color:#fff;border:none;cursor:pointer;width:215px}.btn:hover{background-color:#58c093}