:root,body,html{height:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;top:0;margin:0 auto;position:fixed;width:100%;background-color:#fff}.Title{font-size:1.5rem;font-weight:700;color:#000;margin-top:150px;top:0}.container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.form-container,.header-container{margin-bottom:20px}.form-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.form-title{margin-bottom:20px}.input-field{padding:12px;margin-bottom:16px}.cancel-button,.submit-button{padding:10px 20px;font-size:1rem}h1.Title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:24px;margin-left:20px;margin-right:20px}body,html{background-color:#f8f9fa}.header-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.title{font-size:2.5rem;color:#333}.add-button{padding:10px 20px;font-size:1rem;cursor:pointer}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.bg-black{background-color:#000}.bg-opacity-50{opacity:.5}.z-30{z-index:30}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.form-modal-container{background-color:#fff;border-radius:8px;padding:64px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:400px;width:90%}.form-title{font-size:1.3rem;font-weight:700;color:#333}.input-field{padding:7px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:12px;box-sizing:border-box}.form-button-group{display:flex;justify-content:flex-end}.cancel-button,.submit-button{padding:8px 16px;font-size:.9rem;cursor:pointer}.submit-button{background-color:#007bff;color:#fff;border-radius:4px;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.cancel-button{background-color:#dc3545;color:#fff;border-radius:4px;transition:background-color .3s ease}.cancel-button:hover{background-color:#c82333}.apartments-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.apartment-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:box-shadow .3s ease-in-out}.apartment-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.apartment-image{width:100%;height:150px;object-fit:cover;border-radius:4px}.apartment-name{font-size:1.25rem;margin-bottom:8px}.apartment-description,.apartment-location,.apartment-price,.apartment-room-type{font-size:1rem;margin-bottom:8px;color:#555}.delete-button,.edit-button{padding:8px 16px;font-size:.875rem;cursor:pointer}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f3f4f6}.container{max-width:1200px;margin:0 auto;padding:16px}.apartment-page{background-color:#f8f9fa}.apartment-header,.apartment-page{padding:16px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.apartment-header{background-color:#fff}.apartment-title{font-size:2.25rem;color:#1a202c}.rent-button{background-color:#007bff;color:#fff;border-radius:8px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.rent-button:hover{background-color:#0056b3}.apartment-image-container{display:flex;justify-content:center;align-items:center}.apartment-image{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.apartment-info{padding:16px}.info-item{display:flex;align-items:center;font-size:1.125rem;color:#4a5568}.apartment-description{padding:16px;background-color:#f7fafc;border-radius:8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.renter-info{padding:16px}.input-field{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:border-color .3s ease,box-shadow .3s ease}.input-field:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.3)}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;overflow-y:auto;max-height:80vh;padding-right:8px}.grid-container>div{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:16px;cursor:pointer;transition:transform .3s,box-shadow .3s;background-color:#fff}.grid-container>div img{width:100%;height:150px;object-fit:cover;border-radius:8px 8px 0 0;margin-bottom:8px}.grid-container>div h2{font-size:1.25rem;margin-bottom:8px}.grid-container::-webkit-scrollbar-thumb:hover{background-color:#555}.unique-apartment{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.apartment-details{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.renter-input{width:100%;font-size:1.5rem}.renter-input,.renter-input1{padding:10px;border:1px solid #e2e8f0;border-radius:8px}.renter-input1{width:50%;font-size:1rem;margin-top:10px}.button{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;font-weight:bolder}.button:hover{background-color:orange;color:#fff;transition:.3s}.logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.nav-links li{margin:0}.nav-links a{color:#000;text-decoration:none;font-size:1rem;transition:color .3s}.nav-links a:hover{color:orange}.content{padding-top:100px;text-align:center;margin:2rem}.content h1{font-size:2.5rem;margin-bottom:1rem}.content p{font-size:1.25rem;max-width:800px;margin:0 auto}