.navbar-wrapper{z-index:100;width:100%;position:sticky;top:0}.navbar{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);height:130px;transition:var(--transition);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.navbar-brand{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:var(--primary);align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.navbar-brand img{object-fit:contain;width:auto;height:120px;display:block}.navbar-menu{align-items:center;gap:24px;list-style:none;display:flex}.navbar-link{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:6px 0;font-size:13px;font-weight:700;position:relative}.navbar-link:hover{color:var(--primary)}.navbar-link:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--primary)}.navbar-link.active:after{width:100%}.navbar-actions{align-items:center;gap:16px;display:flex}.theme-btn{background:var(--border-light);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.theme-btn:hover{background:var(--border-color);transform:rotate(15deg)}.filter-bar{border:1px solid var(--border-color);z-index:10;background-color:var(--bg-card);flex-direction:column;gap:20px;margin:-40px auto 40px;padding:24px;display:flex;position:relative}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.filter-select,.filter-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-body);transition:var(--transition);outline:none;padding:10px 14px;font-size:14px}.filter-select:focus,.filter-input:focus{border-color:var(--primary)}.property-card{border:1px solid var(--border-color);background-color:var(--bg-card);transition:var(--transition);flex-direction:column;height:100%;display:flex;overflow:hidden}.property-card:hover{border-color:var(--primary)}.property-card-img-wrapper{background:#cbd5e1;width:100%;padding-top:60%;position:relative;overflow:hidden}.property-card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.property-card:hover .property-card-img{transform:scale(1.05)}.property-card-badge{z-index:2;box-shadow:var(--shadow-md);position:absolute;top:16px;left:16px}.property-card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.property-card-price{font-family:var(--font-heading);color:var(--primary);margin-bottom:8px;font-size:22px;font-weight:800}.property-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:50px;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.property-card-location{color:var(--text-light);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.property-card-features{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;margin-top:auto;padding-top:16px;font-size:13px;display:flex}.property-card-feature{align-items:center;gap:6px;display:flex}.detail-grid{grid-template-columns:1fr;gap:40px;margin-top:40px;display:grid}@media (min-width:992px){.detail-grid{grid-template-columns:2fr 1fr}}.property-gallery-grid{background:var(--bg-card);border:1px solid var(--border-color);grid-template-columns:1fr;gap:6px;display:grid}@media (min-width:768px){.property-gallery-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:2fr 1fr 1fr;gap:6px;height:520px}}.gallery-main-wrapper{cursor:pointer;background:#0c0c0c;width:100%;height:100%;position:relative;overflow:hidden}@media (min-width:768px){.gallery-main-wrapper{grid-area:1/1/4/2}}.gallery-main-wrapper img{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.gallery-main-wrapper:hover img{opacity:.9}.gallery-badge{color:#fff;font-family:var(--font-body);letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:10;background:#0c0c0cbf;border:1px solid #fff3;padding:6px 14px;font-size:12px;font-weight:500;position:absolute;top:16px;right:16px}.gallery-featured-label{color:#111;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-color);pointer-events:none;z-index:10;background:#fff;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.gallery-thumb-item{cursor:pointer;background:#0c0c0c;width:100%;height:100%;display:none;position:relative;overflow:hidden}@media (min-width:768px){.gallery-thumb-item{display:block}}.gallery-thumb-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s,opacity .3s}.gallery-thumb-item:hover img{opacity:.85;transform:scale(1.03)}.gallery-thumb-item.active-thumb{border:2px solid var(--primary)}.gallery-more-overlay{color:#fff;font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;background:#0c0c0ca6;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:background .3s;display:flex;position:absolute;inset:0}.gallery-thumb-item:hover .gallery-more-overlay{background:#0c0c0cbf}.detail-info{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:32px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.detail-title{font-size:28px;line-height:1.3}.detail-price{font-family:var(--font-heading);color:var(--primary);font-size:32px;font-weight:800}.detail-location{color:var(--text-light);align-items:center;gap:8px;margin-top:8px;font-size:15px;display:flex}.detail-features-grid{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;padding:24px 0;display:grid}.detail-feature-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.detail-feature-val{color:var(--text-main);font-size:18px;font-weight:700}.detail-feature-lbl{color:var(--text-light);text-transform:uppercase;font-size:12px}.detail-description h3{margin-bottom:16px;font-size:20px}.detail-description p{color:var(--text-muted);font-size:16px;line-height:1.8}.sidebar-box{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:32px;position:sticky;top:100px}.sidebar-box h3{border-bottom:2px solid var(--primary-glow);margin-bottom:24px;padding-bottom:12px;font-size:20px}.contact-success{background:var(--primary-light);color:var(--primary-hover);border-radius:var(--radius-md);text-align:center;border:1px solid var(--primary);margin-bottom:20px;padding:16px;font-weight:600;animation:.3s fadeIn}.admin-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.admin-title{font-size:32px}.admin-table-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);margin-bottom:40px;overflow:hidden}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background:var(--bg-card);color:var(--text-muted);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:18px 24px;font-size:14px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border-color);background:var(--bg-card);vertical-align:middle;padding:18px 24px;font-size:15px}.admin-table tr:last-child td{border-bottom:none}.admin-table-img{object-fit:cover;border-radius:var(--radius-sm);background:#cbd5e1;width:60px;height:45px}.admin-actions{gap:8px;display:flex}.action-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.action-btn-edit:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-hover)}.action-btn-delete:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.dark .action-btn-delete:hover{color:#fca5a5;background:#7f1d1d;border-color:#fca5a5}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0f172a99;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) fadeIn;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000026}.dark .modal-content{box-shadow:0 20px 50px #00000080}.modal-content-lg{max-width:700px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-size:22px}.modal-close{color:var(--text-light);cursor:pointer;border-radius:var(--radius-full);width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.modal-close:hover{background:var(--border-light);color:var(--text-main)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.hero{background:linear-gradient(135deg, var(--primary-glow) 0%, transparent 100%);text-align:center;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:80px 0 120px}.hero h1{margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.hero h1 span{color:var(--primary)}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:18px}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:576px){.form-grid{grid-template-columns:repeat(2,1fr)}}.lightbox-overlay{background-color:var(--bg-card);z-index:1000;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:60px;margin-bottom:24px;display:flex}.lightbox-back-btn{font-family:var(--font-body);letter-spacing:.5px;color:var(--text-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.lightbox-back-btn:hover{color:var(--primary)}.lightbox-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:0%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:color .2s;display:flex}.lightbox-close-btn:hover{color:var(--primary)}.lightbox-content-wrapper{flex:1;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;height:calc(100% - 100px);display:flex;position:relative}.lightbox-image-container{flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lightbox-image{object-fit:contain;border:1px solid var(--border-color);max-width:100%;max-height:80vh}.lightbox-badge{color:#fff;font-family:var(--font-body);letter-spacing:.5px;pointer-events:none;background:#0c0c0cbf;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:500;position:absolute;top:16px}.lightbox-nav-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:48px;height:48px;color:var(--text-light);z-index:10;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.lightbox-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}@media (max-width:768px){.lightbox-nav-btn{width:38px;height:38px;position:absolute}.lightbox-nav-btn.prev{left:8px}.lightbox-nav-btn.next{right:8px}}@media (min-width:768px){.property-gallery-grid.layout-1{height:auto;display:block}.property-gallery-grid.layout-1 .gallery-main-wrapper{height:500px}.property-gallery-grid.layout-2{grid-template-rows:1fr;grid-template-columns:1fr 1fr;height:520px}.property-gallery-grid.layout-2 .gallery-main-wrapper{grid-area:1/1/2/2}.property-gallery-grid.layout-2 .gallery-thumb-item{grid-area:1/2/2/3}.property-gallery-grid.layout-3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;height:520px}.property-gallery-grid.layout-3 .gallery-main-wrapper{grid-area:1/1/3/2}.property-gallery-grid.layout-3 .gallery-thumb-item:nth-child(2){grid-area:1/2/2/3}.property-gallery-grid.layout-3 .gallery-thumb-item:nth-child(3){grid-area:2/2/3/3}.property-gallery-grid.layout-4{grid-template-rows:1fr;grid-template-columns:2fr 1fr 1fr;height:400px}.property-gallery-grid.layout-4 .gallery-main-wrapper{grid-area:1/1/2/2}.property-gallery-grid.layout-5{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr;height:520px}.property-gallery-grid.layout-5 .gallery-main-wrapper{grid-area:1/1/3/2}}.site-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-light);background:var(--bg-card);padding:40px 0;font-size:14px}.site-footer.with-margin{margin-top:80px}.footer-socials{justify-content:center;align-items:center;gap:24px;margin-bottom:20px;display:flex}.footer-social-link{color:var(--text-muted);transition:var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.footer-social-link:hover{color:var(--primary);transform:translateY(-2px)}.footer-logo{width:auto;height:60px;transition:var(--transition);margin:0 auto 20px;display:block}.footer-logo:hover{opacity:.8}.footer-links{font-family:var(--font-body);justify-content:center;gap:24px;margin-bottom:20px;font-size:13px;font-weight:500;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition-fast)}.footer-link:hover{color:var(--primary)}
:root{--font-heading:"Playfair Display", Georgia, serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary:#1e3a5f;--primary-hover:#162d4a;--primary-light:#edf2f8;--primary-glow:#1e3a5f1f;--secondary:#7a8fa6;--secondary-hover:#5e7289;--bg-app:#f8f9fb;--bg-card:#fff;--bg-glass:#fffffff2;--bg-input:#fff;--text-main:#111827;--text-muted:#4b5563;--text-light:#9ca3af;--border-color:#e2e8f0;--border-light:#e2e8f080;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-full:0px;--transition:all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease}.dark{--primary:#4a7ab5;--primary-hover:#5d8ec8;--primary-light:#0d1e35;--primary-glow:#4a7ab533;--secondary:#7a8fa6;--secondary-hover:#9aafc4;--bg-app:#0c0f14;--bg-card:#111620;--bg-glass:#111620f2;--bg-input:#1a2030;--text-main:#f0f4f8;--text-muted:#9aafc4;--text-light:#5e7289;--border-color:#1e2d45;--border-light:#1e2d4580;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.glow-btn{background:var(--primary);color:#fff;border:1px solid var(--primary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;display:inline-flex}.glow-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.glow-btn:active{background:var(--primary-hover)}.secondary-btn{color:var(--text-main);border:1px solid var(--border-color);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;display:inline-flex}.secondary-btn:hover{background:var(--text-main);color:var(--bg-app);border-color:var(--text-main)}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-group label{color:var(--text-muted);font-size:14px;font-weight:600}.input-field{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-body);transition:var(--transition);outline:none;padding:12px 16px;font-size:15px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-sale{color:#ef4444;background:#fee2e2}.dark .badge-sale{color:#fca5a5;background:#7f1d1d}.badge-rent{color:#0284c7;background:#e0f2fe}.dark .badge-rent{color:#7dd3fc;background:#0c4a6e}.property-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-top:32px;display:grid}.material-symbols-outlined{letter-spacing:normal;text-transform:none;vertical-align:middle;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-flex}
