@charset "UTF-8";.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to bottom right,#45aab4,#038db2);padding-top:1px}.login-box{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 10px #0003;max-width:600px;text-align:center}.login-box h1{font-size:2.5rem;font-weight:700;color:#036b86;margin-bottom:20px}.login-box p{font-size:1.4rem;color:#555;margin-bottom:30px}.login-button,.logout-button{background:#007bff;color:#fff;font-size:1.3rem;padding:14px 28px;border-radius:30px;font-weight:700;text-decoration:none;transition:.3s;border:none;cursor:pointer}.login-button:hover,.logout-button:hover{background:#0056b3}.user-info{font-size:1.4rem}.profile-image{width:80px;height:80px;border-radius:50%;margin:20px auto}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:12px 24px;box-shadow:0 2px 4px #0000001a;position:relative}.logo{font-size:1.5rem;font-family:Inter,sans-serif;font-weight:700;color:#000;text-decoration:none;margin-left:20px}.search-bar{flex:1;max-width:300px;padding:8px 10px;border:1px solid #ddd;border-radius:20px;outline:none;margin:0 20px}.nav-actions{display:flex;align-items:center;gap:16px}.create-btn{font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;background-color:#45aab4;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px}.search-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:background .2s;color:#000;margin-left:-250px}.search-btn:hover{background:#0000001a}.icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:background .2s;color:#000;position:relative}.icon-btn:hover{background:#0000001a}.notifications-popup{position:absolute;top:50px;right:0;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px;z-index:1000;width:250px;max-height:300px;overflow-y:auto}.notifications-popup ul{list-style:none;margin:0;padding:0}.notifications-popup li{padding:8px 0;border-bottom:1px solid #eee}.notifications-popup li:last-child{border-bottom:none}.notifications-popup p{margin:0;color:#666;text-align:center}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;overflow:hidden}.notification-item:last-child{border-bottom:none}.notification-item span{flex:1;white-space:normal;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.notification-item span:hover{background-color:#f9f9f9;position:relative;z-index:1}.delete-notification-btn{background:none;border:none;color:red;font-size:14px;cursor:pointer;margin-left:10px;flex-shrink:0}.delete-notification-btn:hover{color:#8b0000}.notification-actions{display:flex;gap:10px;margin-top:5px}.accept-btn{background-color:#28a745;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;font-size:12px}.accept-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;font-size:12px}.reject-btn:hover{background-color:#c82333}.profile{font-family:Inter,sans-serif;display:flex;align-items:center;gap:10px}.profile-pic{width:40px;height:40px;border-radius:50%;border:2px solid #ddd}.logout-btn{font-family:Inter,sans-serif;background:none;border:none;color:red;font-size:12px;cursor:pointer}.login-btn{font-family:Inter,sans-serif;background-color:#007bff;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;font-size:14px}.login-btn:hover{background-color:#0056b3}.notification-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background-color:#ff0;border-radius:50%;box-shadow:0 0 4px #0003;z-index:1}.card{position:relative;box-shadow:3px 3px 10px #0000001a;padding:20px;border-radius:15px;text-align:center;max-width:300px;height:auto;background-color:#e0f7fa;color:#333;transition:transform .15s ease-in-out;margin:20px}.card-image{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px}.title{font-size:1.5rem;font-weight:700;margin:10px 0;color:#0277bd}.description{font-size:1rem;color:#555;margin:10px 0}.price{font-size:1.2rem;color:#00796b;font-weight:700}.location,.owner,.createdAt,.tag{font-size:.9rem;color:#555}.card:hover{transform:scale(1.02);background:#b3e5fc;box-shadow:4px 8px 12px #0003}.card .card-image{border-radius:10px}.card .tittelInput{width:90%;border-style:solid}.card .tittelInput:focus,input:focus{outline:none}.card{overflow:hidden}.card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;padding:20px}.card-link{display:block;text-decoration:none}.card-link .rental-card-content{pointer-events:none}.rental-request-icon{position:absolute;top:10px;right:10px;width:24px;height:24px;background-color:red;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px;z-index:1}.filter-container{position:relative;display:inline-block}.filter-container .filt{font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;background-color:#52cad5;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px;transition:background .3s,color .3s}.filter-container .filt:hover{background-color:#34e3ec;color:#fff}h3{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#000}.tag-filters{display:flex;flex-direction:column;align-items:start;padding:15px;border-radius:8px;background:#ddf3f7;color:#000;box-shadow:0 2px 5px #0003;width:220px;position:absolute;left:0;top:100%;z-index:10}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem;color:#000}.price-filter{margin-top:15px;width:100%}.price-filter h4{font-size:1rem;margin-bottom:8px}.price-inputs{display:flex;gap:10px}.price-inputs input{width:80px;padding:5px;border:1px solid #ccc;border-radius:5px;text-align:center}.filter-buttons{display:flex;flex-direction:column;gap:5px;margin-top:15px;width:100%}.filter-btn,.clear-btn{padding:8px 14px;border-radius:8px;cursor:pointer;transition:.3s;font-size:.9rem;text-align:center;width:100%}.filter-btn{border:1px solid #007bff;background:#fff;color:#007bff}.filter-btn:hover{background:#007bff;color:#fff}.clear-btn{border:1px solid #dc3545;background:#fff;color:#dc3545}.clear-btn:hover{background:#dc3545;color:#fff}.homepage{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh;background:linear-gradient(to bottom right,#45aab4,#038db2);color:#fff;font-family:Inter,sans-serif;padding-top:10px;box-sizing:border-box;overflow-x:hidden}.section-title{margin-left:78px}.hero{display:flex;align-items:center;justify-content:center;text-align:center;width:100vw;min-height:85vh;padding:20px;box-sizing:border-box}.hero-content{max-width:800px;width:100%}.hero h1{font-size:4rem;font-weight:700;margin-bottom:10px;word-break:break-word}.hero p{font-size:1.5rem;opacity:.9;margin-bottom:20px}.cta-btn{display:inline-block;background:#fff;color:#007bff;padding:14px 28px;border-radius:30px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:.3s}.cta-btn:hover{background:#f0f0f0}.categories{text-align:center;width:90%;max-width:1400px;margin-bottom:40px;padding:20px}.categories h2{font-size:2rem;margin-bottom:20px}.category-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.category{background:#fff3;padding:14px 20px;border-radius:20px;font-weight:700;font-size:1.2rem;cursor:pointer;transition:.3s}.category:hover{background:#fff6}.recent-listings{text-align:center;width:90%;max-width:1400px;padding:20px}.recent-listings h2{font-size:2rem;margin-bottom:20px}.listings-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.listing-card{width:280px;border-radius:12px;overflow:hidden;background:#fff;color:#000;box-shadow:0 4px 8px #0003;transition:.3s}.listing-card:hover{transform:translateY(-5px)}.listing-card img{width:100%;height:200px;object-fit:cover;border-bottom:2px solid #007bff}.listing-card p{padding:15px;font-size:1.1rem;text-align:center}@media (max-width: 1024px){.hero h1{font-size:3.5rem}.hero p{font-size:1.3rem}.cta-btn{font-size:1.3rem;padding:12px 24px}.category{font-size:1rem}.listing-card{width:240px}.listing-card img{height:180px}}@media (max-width: 768px){.hero{min-height:80vh}.hero h1{font-size:3rem}.hero p{font-size:1.2rem}.cta-btn{font-size:1.2rem;padding:12px 24px}.category{font-size:1rem;padding:10px 16px}.listing-card{width:220px}.listing-card img{height:160px}}@media (max-width: 480px){.hero{min-height:75vh}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.cta-btn{font-size:1.1rem;padding:10px 20px}.category{font-size:.9rem;padding:8px 14px}.listing-card{width:180px}.listing-card img{height:140px}}.cardGrid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;max-width:1400px}.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:90%;margin:0 auto}.add-rental{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh;background:linear-gradient(to bottom right,#007bff,#0056b3);color:#fff;font-family:Inter,sans-serif;padding-top:70px;box-sizing:border-box}.add-rental form{background:#fff3;padding:20px;border-radius:12px;max-width:500px;width:90%;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 8px #0003}.add-rental h2{text-align:center;font-size:2rem;margin-bottom:10px}.add-rental input,.add-rental textarea{width:100%;padding:12px;border-radius:8px;border:none;font-size:1rem;box-sizing:border-box}.add-rental textarea{min-height:100px;resize:none}.add-rental button{background:#fff;color:#007bff;font-size:1.2rem;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.add-rental button:hover{background:#f0f0f0}@media (max-width: 768px){.add-rental form{width:95%}.add-rental h2{font-size:1.8rem}}@media (max-width: 480px){.add-rental h2{font-size:1.5rem}.add-rental button{font-size:1rem}}.checkbox-group{display:flex;flex-direction:column;gap:6px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input{width:16px;height:16px}.first-login-container{max-width:480px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.form-container{display:flex;flex-direction:column;gap:10px}.input-group{display:flex;flex-direction:column;margin-bottom:12px}.input-group label{font-size:14px;margin-bottom:5px;color:#333}.input-field{padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;outline:none}.error-message{color:red;font-size:14px}.loading{text-align:center;font-size:16px}.submit-button{background-color:#007bff;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;font-size:14px}.submit-button:disabled{background-color:#ccc}.submit-button:hover{background-color:#0056b3}.ProfilePage{background-color:#ededed;font-family:Inter,sans-serif}.gird-size{width:600px}.ProfilePage .topBarProfile .h2-container{display:flex;flex-direction:column;justify-content:center;max-width:500px;align-items:center;width:100%;margin:0 auto}.ProfilePage .topBarProfile .h2-container button{margin-top:20px;margin-bottom:20px;background-color:#edf1f388;border-radius:3px;border-width:1px;border-color:#ededed;transition:transform .15s ease-in-out;border-style:solid}.ProfilePage .topBarProfile .h2-container button:hover{transform:scale(1.02);border-color:#ededed;border-width:1px;border-style:solid;box-shadow:1px 1px,3px #514d4d}.topBarProfile{display:flex;flex-direction:column;align-items:flex-start;width:100vw;background-color:#fff;min-height:200px;box-shadow:0 3px #0000001a;padding:20px 40px}.profileHeader{display:flex;align-items:center;gap:15px;margin-left:70px}.picture{width:150px;height:150px;border-radius:50%;object-fit:cover}.container1{display:flex;flex-direction:column;align-items:flex-start}.container2{margin-top:10px;text-align:left;margin-left:100px;font-size:10px;border-radius:20%}.reviewsContainer{background-color:#f3f3f3;padding:15px 20px;border-radius:8px;box-shadow:0 3px 6px #0000001a;text-align:center;min-width:150px}.reviewTitle{font-size:16px;font-weight:700}.reviewText{font-size:14px;color:#555}.reviews-btn{margin-top:10px;padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.reviews-btn:hover{background-color:#0056b3}.reviews-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.reviews-popup-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px;box-shadow:0 4px 8px #0003;position:relative}.reviews-list{list-style:none;padding:0;margin:0}.review-item{margin-bottom:15px;padding:10px;border-bottom:1px solid #ddd}.review-rating{font-weight:700;margin-bottom:5px}.review-text{color:#555;font-size:14px}.topBar{background-color:#333;color:#fff;padding:10px 20px;position:fixed;top:0;width:100%;transition:top .3s ease-in-out;height:1px;overflow:hidden}.body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#a8a7a7}.settings-page{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh;background:#ededed;color:#3e3e3e;font-family:Inter,sans-serif;padding-top:70px;box-sizing:border-box;overflow-x:hidden}.settings-content-container{display:flex;justify-content:flex-start;align-items:stretch;width:50%;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.settings-content{width:100%;max-width:800px}.sidebar-title,.sidebar-item{font-family:Inter,sans-serif;font-weight:700}.sidebar{width:300px;height:auto;max-height:400px;background-color:#fff;overflow-x:auto;flex-shrink:0;padding:20px}.sidebar-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-top:0;color:#333;text-align:center}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{padding:10px 15px;font-size:1rem;color:#555;cursor:pointer;border-radius:4px;transition:background-color .3s,color .3s}.sidebar-item:hover{background-color:#038db2;color:#fff}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#888}.username-container form{display:flex;flex-direction:column;align-items:center}.username-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-top:20px;color:#333;text-align:center}.username-container input{font-size:1rem;padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;width:92%;border:1px solid #ccc}.username-container button{padding:10px;background-color:#45aab4;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:30px;width:100%;transition:background-color .3s}.username-container button:hover{background-color:#038db2}.error-message{color:#f9637c;margin-top:5px;font-size:14px}.success-message{color:#206491;margin-top:5px;font-size:14px}.delete-container form{display:flex;flex-direction:column}.delete-container label{font-size:1rem;margin-bottom:8px}.title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-top:20px;color:#333;text-align:center}.delete-container button{padding:10px;background-color:#45aab4;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px;width:100%;transition:background-color .3s}.delete-container button:hover{background-color:#c9302c}.name-container form{display:flex;flex-direction:column;align-items:center}.name-container input::placeholder{font-size:.9rem;color:#8888}.name-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-top:20px;color:#333;text-align:center}.name-container input{font-size:1rem;padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;width:92%;border:1px solid #ccc}.name-container button{padding:10px;background-color:#45aab4;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px;width:100%;transition:background-color .3s}.name-container button:hover{background-color:#038db2}.address-container form{display:flex;flex-direction:column;align-items:center;width:100%}.address-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-top:20px;color:#333;text-align:center}.input-group{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;margin-top:10px}.input-group input{font-size:1rem;padding:10px;margin-right:10px;border-radius:5px;width:48%;border:1px solid #ccc}.address-container button{padding:10px;background-color:#45aab4;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;transition:background-color .3s}.address-container button:hover{background-color:#038db2}.address-container input::placeholder{font-size:1rem;color:#888}.phone-container form{display:flex;flex-direction:column;align-items:center}.phone-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;margin-top:20px;color:#333;text-align:center}.info-text{font-size:.8rem;font-weight:400;color:#666;text-align:left;margin-bottom:5px;width:100%}.phone-container input{font-size:1rem;padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;width:92%;border:1px solid #ccc}.phone-container button{padding:10px;background-color:#45aab4;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:70px;width:100%;transition:background-color .3s}.phone-container button:hover{background-color:#038db2}.bio-container form{display:flex;flex-direction:column;align-items:center}.bio-title{font-size:1.4rem;font-weight:700;margin-top:20px;margin-bottom:1rem;color:#333;text-align:center}.info-text{font-size:.8rem;font-weight:400;color:#666;text-align:left;margin-bottom:5px;width:92%}.bio-container textarea{font-size:1rem;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:5px;width:92%;height:120px;border:1px solid #ccc;resize:vertical}.bio-container button{padding:10px;background-color:#45aab4;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;transition:background-color .3s;margin-bottom:20px}.bio-container button:hover{background-color:#038db2}.error-message{color:#f9637c;margin-top:2px;font-size:14px}.success-message{color:#206491;margin-top:2px;font-size:14px}.rental-page{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh;background:#f5f5f5;font-family:Inter,sans-serif;padding:20px}.owner-info{display:flex;align-items:center;gap:10px;width:90%;max-width:600px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 2px 5px #0000001a}.owner-avatar{width:40px;height:40px;border-radius:50%}.owner-name{font-size:16px;font-weight:700}.rental-image{width:100%;max-width:600px;height:400px;object-fit:cover;border-radius:12px;margin-top:10px;box-shadow:0 4px 8px #0000001a}.rental-actions{display:flex;gap:10px;margin-top:10px}.btn{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:16px;font-weight:500;border-radius:12px;cursor:pointer;transition:.3s;text-decoration:none}.btn-ghost{background:none;border:none;color:#777}.btn-ghost:hover{color:#000}.btn-outline{border:2px solid #ddd;background:none;color:#555}.btn-outline:hover{border-color:#333;color:#000}.btn-primary{background:#007bff;color:#fff;border:none}.btn-primary:hover{background:#0056b3}.btn-gavel{background:#007bff;color:#fff;border:none}.btn-gavel:hover{background:#0056b3}.icon{width:20px;height:20px}.rental-details{max-width:600px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-top:10px}.rental-title{font-size:22px;font-weight:700}.rental-price{font-size:18px;font-weight:700;color:#007bff;margin:5px 0}.rental-description{font-size:16px;color:#555}.rental-location,.tag{font-size:14px;color:#777}.review-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.review-popup-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 4px 8px #0003;position:relative;text-align:center}.close-popup-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}.review-popup-content label{display:block;margin-bottom:10px;font-size:14px;text-align:left}.review-popup-content input,.review-popup-content textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:14px;box-sizing:border-box}.submit-review-btn{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:14px}.submit-review-btn:hover{background-color:#0056b3}body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#f0f0f0}.chat-container{max-width:800px;margin:20px auto;background:#fff;box-shadow:0 2px 10px #0000001a;border-radius:10px;display:flex;flex-direction:column;height:75vh;overflow:hidden}.chat-header{padding:8px;background:#f4f4f4;border-bottom:1px solid #ddd;font-size:15px;font-weight:700;text-align:center}.chat-body{display:flex;flex:1;overflow:hidden}.chat-sidebar{width:210px;background:#f8f8f8;border-right:1px solid #ddd;overflow-y:auto;padding:8px;height:100%}.chat-sidebar-item{padding:8px;margin:4px 0;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;transition:background .3s;font-size:13px}.chat-sidebar-item:hover{background:#e0f7fa}.chat-sidebar-item.selected{background:#45aab4;color:#fff}.chat-sidebar-user{font-weight:700;font-size:15px;margin:0}.chat-sidebar-owner{font-size:11px;color:#777}.chat-sidebar-preview{font-size:11px;color:#555;margin:4px 0 0}.chat-content{flex:1;display:flex;flex-direction:column;background:#fff;padding:8px}.chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;background:#f9f9f9}.chat-message{padding:6px 10px;border-radius:15px;max-width:60%;word-break:break-word;position:relative}.chat-message.sender{align-self:flex-end;background:#0078fe;color:#fff;text-align:left;border-top-right-radius:0}.chat-message.receiver{align-self:flex-start;background:#e5e5ea;color:#000;text-align:left;border-top-left-radius:0}.chat-message-sender{font-weight:700;font-size:11px;margin-bottom:4px;color:#555}.chat-message.sender .chat-message-sender{color:#fff}.chat-message-time{font-size:9px;color:#888;margin-top:4px;text-align:right}.chat-message.sender .chat-message-time{color:#fffc}.chat-input-container{display:flex;padding:8px 12px;border-top:1px solid #ddd;background:#fff}.chat-input{flex:1;padding:7px;border:1px solid #ccc;border-radius:5px;font-size:13px}.chat-send-button{background:#45aab4;color:#fff;padding:7px 10px;border:none;border-radius:50%;margin-left:8px;cursor:pointer;font-size:16px}.chat-send-button:hover{background:#3999a4}.chat-messages:after{content:"";display:block;height:1px}.bid-page-outer{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#f0f4f8;border-radius:10px;box-shadow:0 4px 12px #0000001a;min-height:100vh;box-sizing:border-box}.bid-page-left{padding:20px;display:grid;grid-template-rows:auto;gap:1rem;width:auto;height:auto;margin:0 auto}.submit-btn{text-decoration:none;background-color:#007bff;color:#fff;width:auto;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;text-align:center;transition:background-color .3s ease,transform .2s ease}.bid-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;width:100%;max-width:500px;font-size:1rem;text-align:center}.bid-container input[type=number]{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem;margin-top:10px;box-sizing:border-box}@media (max-width: 768px){.bid-container{padding:15px}.submit-btn{font-size:.9rem;padding:8px 14px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.rent-page-outer{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#f0f4f8;border-radius:10px;box-shadow:0 4px 12px #0000001a;min-height:100vh;box-sizing:border-box}.rent-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;width:100%;max-width:500px;font-size:1rem;text-align:center}.date-picker-container{display:flex;flex-direction:column;gap:10px;width:100%}.date-picker-container label{font-size:1rem;font-weight:700;color:#444}.date-picker-container input{width:15%;padding:6px;border-radius:5px;border:1px solid #ccc;font-size:.9rem}.submit-btn{text-decoration:none;background-color:#007bff;color:#fff;width:auto;padding:4px 8px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;text-align:center;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover{background-color:#0056b3;transform:scale(1.05)}.rental-card-container{margin-top:20px;width:100%;max-width:500px}.rental-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #0000001a;text-align:center}.rental-card img{width:100%;height:auto;border-radius:10px;object-fit:cover}@media (max-width: 768px){.rent-container{padding:15px}.submit-btn{font-size:.9rem;padding:8px 14px}.rental-card-container{max-width:100%}}
