.page{background-color:#f6f7fb;min-height:100vh;padding:120px 40px 50px}.empty{color:#777;font-size:16px}.grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid{grid-template-columns:repeat(1,1fr)}}.navbar{z-index:1000;background:linear-gradient(90deg,#0f172a,#1e293b);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 32px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 20px #00000040}.logo{color:#fff;font-size:30px;font-weight:700;text-decoration:none}.logo span{color:#38bdf8}.searchWrapper{align-items:center;width:100%;min-width:260px;max-width:420px;display:flex;position:relative}.searchIcon{opacity:.7;pointer-events:none;font-size:14px;position:absolute;left:14px}.searchWrapper input{color:#fff;background-color:#ffffff14;border:1px solid #ffffff26;border-radius:999px;outline:none;width:100%;padding:11px 16px 11px 38px;font-size:14px}.searchWrapper input::placeholder{color:#fff9}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.suggestionsBox{z-index:2000;background:#fff;border-radius:12px;max-height:320px;position:absolute;top:48px;left:0;right:0;overflow:hidden auto;box-shadow:0 10px 25px #00000026}.suggestionItem{cursor:pointer;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.suggestionItem:hover{background:#f3f4f6}.suggestionLeft{align-items:center;gap:10px;display:flex}.suggestionImg{object-fit:cover;border-radius:8px;width:40px;height:40px}.suggestionTitle{color:#111;font-weight:600}.suggestionLocation{color:#666;font-size:12px}.suggestionBadge{color:#fff;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.suggestionBadge.rent{background:#2ecc71}.suggestionBadge.sale{background:#e67e22}.links{gap:22px;display:flex}.links a{color:#cbd5e1;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s}.links a:hover{color:#fff}.filterBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-left:12px;padding:10px 14px;font-weight:600;transition:all .2s}.filterBtn:hover{background:#fff3}.filterOverlay{z-index:3000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filterModal{background:#fff;border-radius:14px;width:320px;padding:20px;box-shadow:0 10px 25px #0003}.filterRow{gap:10px;margin-top:15px;display:flex}.filterGroup{flex-direction:column;flex:1;gap:6px;display:flex}.filterGroup input{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px}.filterActions{justify-content:space-between;margin-top:15px;display:flex}.clearBtn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 12px}.closeBtn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:8px 12px}.card{background:#fff;border-radius:16px;flex-direction:column;height:430px;display:flex;overflow:hidden;box-shadow:0 6px 18px #0000001a}.image{object-fit:cover;cursor:pointer;width:100%;height:58%;transition:transform .35s}.image:hover{transform:scale(1.04)}.content{justify-content:space-between;gap:12px;height:42%;padding:12px 14px;display:flex}.left{flex-direction:column;flex:2;gap:6px;min-width:0;max-width:65%;display:flex;overflow:hidden}.right{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.cardTitle{color:#111;margin:0;font-size:20px;font-weight:600}.price{color:#2563eb;margin:0 0 6px;font-size:18px;font-weight:700}.desc{color:#6b7280;white-space:normal;overflow-wrap:break-word;word-break:break-word;opacity:.85;max-width:90%;margin:0;font-size:14.5px;font-weight:400;line-height:1.4}.badge{color:#fff;border-radius:999px;max-width:fit-content;padding:6px 11px;font-size:13px;font-weight:600;display:inline-block}.infoItem{color:#111;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.infoItem span:first-child{font-size:22px;line-height:1}.loginPage{background:#f6f7fb;justify-content:center;align-items:center;height:100vh;display:flex}.loginCard{background:#fff;border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:30px;display:flex;box-shadow:0 10px 30px #0000001a}.loginCard input{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px 12px}.loginCard button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px;font-weight:600}.loginCard button:disabled{cursor:not-allowed;background:#93c5fd}.error{color:red;font-size:13px}.contactPage{background:#eef2ff;justify-content:center;min-height:100vh;padding:120px 20px 50px;display:flex}.contactCard{background:#fff;border-left:8px solid #2563eb;border-radius:20px;flex-direction:column;gap:25px;width:100%;max-width:900px;padding:45px;display:flex;box-shadow:0 20px 40px #0000001f}.contactTitle{color:#0f172a;margin:0;font-size:44px;font-weight:800}.contactSubtitle{color:#475569;margin:0;font-size:16px}.contactInfo{background:#eaf2ff;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}.contactItem{color:#0f172a;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.contactItem:first-letter{color:#2563eb;font-size:20px}.map{border:none;border-radius:14px;width:100%;height:380px;box-shadow:0 10px 25px #0000001a}@media (width<=768px){.contactCard{padding:25px}.contactTitle{font-size:32px}.map{height:300px}}.addPage{background:#f6f7fb;justify-content:center;align-items:flex-start;min-height:100vh;padding:120px 20px 50px;display:flex}.addCard{background:#fff;border-radius:18px;flex-direction:column;gap:14px;width:100%;max-width:520px;padding:30px;display:flex;box-shadow:0 10px 30px #0000001a}.addTitle{color:#111827;margin-bottom:10px;font-size:28px;font-weight:800}.addCard input,.addCard select,.addCard textarea{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:all .2s}.addCard input:focus,.addCard select:focus,.addCard textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.addCard textarea{resize:none;min-height:100px}.addCard input[type=file]{background:#f9fafb;padding:10px}.addBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.addBtn:hover{background:#1d4ed8}.addBtn:disabled{cursor:not-allowed;background:#93c5fd}.backButton{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-weight:600;transition:all .2s}.backButton.left{align-self:flex-start}.backButton:hover{background:#333}.detailsPage{background:#fff;min-height:100vh;padding-top:80px}.thumbRow{gap:10px;margin-top:12px;padding:5px 0;display:flex;overflow-x:auto}.detailsContainer{gap:40px;max-width:1100px;margin:0 auto;padding:30px 20px;display:flex}.detailsLeft{flex:2}.title{margin-bottom:8px;font-size:32px;font-weight:700}.location{color:#555;margin-bottom:20px;font-size:16px}.detailsRight{flex:1;height:fit-content;position:sticky;top:100px}.priceBox{border:1px solid #eee;border-radius:16px;margin-bottom:20px;padding:16px;box-shadow:0 6px 18px #00000014}.priceBox h2{margin-bottom:10px;font-size:24px}.badge{color:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.infoBox{border:1px solid #eee;border-radius:16px;flex-direction:column;gap:10px;padding:16px;font-weight:600;display:flex;box-shadow:0 6px 18px #0000000f}.contactBox{background:#fff;border:1px solid #eee;border-radius:16px;margin-top:16px;padding:16px;box-shadow:0 6px 18px #0000000f}.contactBox h3{color:#111;margin-bottom:10px;font-size:16px;font-weight:700}.phoneButton{color:#fff;text-align:center;background:#2563eb;border-radius:10px;padding:12px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.phoneButton:hover{background:#1d4ed8}.contactHint{color:#666;margin-top:8px;font-size:12px}.galleryWrapper{max-width:1100px;margin:20px auto 0;padding:0 20px}.mainImageBox{border-radius:18px;width:100%;height:450px;position:relative;overflow:hidden}.mainImageBox img{object-fit:cover;width:100%;height:100%}.arrow{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:28px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{background:#000000b3}.arrow.left{left:15px}.arrow.right{right:15px}.thumbRow{gap:10px;margin-top:12px;display:flex;overflow-x:auto}.thumb{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:10px;width:90px;height:70px;transition:all .2s}.thumb:hover{opacity:1}.thumb.active{opacity:1;border:2px solid #111}.moreThumb{color:#fff;cursor:pointer;background:#000000bf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:70px;font-weight:700;transition:all .2s;display:flex}.moreThumb:hover{background:#000000e6}.moreThumb span{font-size:11px;font-weight:400}.modalOverlay{z-index:999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.galleryModal{background:#fff;border-radius:18px;flex-direction:column;width:95%;max-width:1400px;height:90vh;display:flex;position:relative;overflow:hidden}.modalClose{cursor:pointer;z-index:10;background:#fff;border:none;font-size:30px;position:absolute;top:15px;right:20px}.galleryTitle{padding:20px 30px;font-size:26px;font-weight:700}.galleryGridWrapper{flex:1;padding:0 30px 30px;overflow-y:auto}.galleryGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.galleryImage{object-fit:cover;cursor:pointer;border-radius:12px;width:100%;height:220px;transition:all .2s}.galleryImage:hover{transform:scale(1.02)}.galleryImage.selected{border:4px solid #111}.viewerMode{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex;position:relative}.viewerMain{justify-content:center;align-items:center;width:80%;max-width:1100px;height:70vh;display:flex;position:relative}.viewerImage{object-fit:contain;border-radius:12px;width:100%;height:100%}.viewerArrow{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;width:50px;height:50px;font-size:28px;position:absolute;top:50%;transform:translateY(-50%)}.viewerArrow.left{left:-60px}.viewerArrow.right{right:-60px}.viewerThumbs{gap:10px;max-width:80%;margin-top:20px;display:flex;overflow-x:auto}.viewerThumb{object-fit:cover;cursor:pointer;opacity:.6;border-radius:8px;width:80px;height:60px;transition:all .2s}.viewerThumb.active{opacity:1;border:2px solid #111}.viewerTopBar{z-index:20;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;top:15px;left:0;right:0}.viewerBack{cursor:pointer;background:#ffffffe6;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.viewerClose{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;font-weight:700}.imageCounter{color:#fff;background:#0009;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}