:root{--font-sans:"Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--primary-color:#2563eb;--primary-glow:#2563eb0f;--accent-color:#d97706;--success-color:#059669;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -1px #0f172a0a;--shadow-lg:0 10px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--tenant-color:var(--primary-color)}*{box-sizing:border-box;margin:0;padding:0}.h-full{height:100%}.min-h-full{min-height:100%}.flex{display:flex}.flex-col{flex-direction:column}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#cbd5e1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:768px){.container{padding:0 24px}}.header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background-color:#ffffffd9;padding:12px 0;position:sticky;top:0}.header-wrapper{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text-primary);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.nav-links{align-items:center;gap:20px;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--tenant-color);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#f1f5f9}.btn-secondary:hover{background-color:#e2e8f0}.hero{text-align:center;padding:40px 0 30px;position:relative}@media (min-width:768px){.hero{padding:80px 0 60px}}.hero-title{margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.3}@media (min-width:768px){.hero-title{font-size:48px}}.hero-title span{background:linear-gradient(135deg, var(--tenant-color), #8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 24px;font-size:14px}@media (min-width:768px){.hero-subtitle{margin-bottom:32px;font-size:18px}}.filter-bar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:32px;padding:16px}@media (min-width:768px){.filter-bar{margin-bottom:48px;padding:24px}}.filter-grid{flex-direction:column;gap:16px;display:flex}@media (min-width:768px){.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) auto;align-items:flex-end;display:grid}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600}.form-control{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);outline:none;min-height:48px;padding:12px;font-size:16px}@media (min-width:768px){.form-control{min-height:44px;font-size:14px}}.form-control:focus{border-color:var(--tenant-color)}.zalo-verified-badge{color:#0068ff;background:#0068ff1a;border:1px solid #0068ff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.listings-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px;display:grid}@media (min-width:640px){.listings-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.listings-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#2563eb26;transform:translateY(-4px)}.card-img-wrapper{width:100%;height:180px;position:relative}@media (min-width:768px){.card-img-wrapper{height:200px}}.card-img{object-fit:cover;width:100%;height:100%}.card-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#0f172acc;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.card-tenant-badge{border-radius:var(--radius-sm);color:#fff;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.card-body{padding:16px}.card-price{color:var(--accent-color);margin-bottom:6px;font-size:18px;font-weight:700}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-secondary);border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:8px;padding-bottom:8px;font-size:12px;display:flex}.card-address{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.detail-layout{flex-direction:column;gap:24px;display:flex}@media (min-width:1024px){.detail-layout{grid-template-columns:2fr 1fr;gap:32px;display:grid}}.detail-main,.detail-sidebar{width:100%}.sticky-cta-mobile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:90;background-color:#fffffff2;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0d}@media (min-width:768px){.sticky-cta-mobile{display:none}}.tenant-profile{text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding:20px;display:flex}@media (min-width:768px){.tenant-profile{text-align:left;flex-direction:row;gap:24px;padding:24px}}.tenant-logo{object-fit:cover;border:3px solid var(--tenant-color);border-radius:50%;width:70px;height:70px}@media (min-width:768px){.tenant-logo{width:85px;height:85px}}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);background-color:#f1f5f9cc;margin-top:auto;padding:24px 0;font-size:13px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#0f172a66;justify-content:center;align-items:flex-end;animation:.2s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex;position:fixed;inset:0}@media (min-width:768px){.modal-overlay{align-items:center}}.modal-content{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-height:85vh;padding:24px;animation:.35s cubic-bezier(.16,1,.3,1) modal-slide-up;position:relative;overflow-y:auto}@media (min-width:768px){.modal-content{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:600px;max-height:90vh;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) modal-scale-in}}.modal-title{margin-bottom:20px;font-size:18px;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background-color:var(--bg-primary)}.form-grid-2{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}@media (min-width:640px){.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}}@media (max-width:767px){.hide-on-mobile{display:none!important}}@media (min-width:768px){.show-on-mobile{display:none!important}}.category-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;margin-bottom:16px;padding:8px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%)}.category-scroll-container::-webkit-scrollbar{display:none}.category-badge-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.category-badge-item:hover,.category-badge-item.active{background-color:var(--tenant-color,var(--primary-color));color:#fff;border-color:var(--tenant-color,var(--primary-color))}.crm-card-mobile{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;display:flex}.crm-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding-bottom:8px;display:flex}.crm-card-name{color:var(--text-primary);font-size:15px;font-weight:700}.crm-card-date{color:var(--text-secondary);font-size:11px}.crm-card-body{flex-direction:column;gap:8px;font-size:13px;display:flex}.crm-card-info-item{flex-direction:column;gap:2px;display:flex}.crm-card-label{text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-weight:600}.crm-card-listing{color:var(--text-primary);font-weight:600;text-decoration:none}.crm-card-listing:hover{text-decoration:underline}.crm-card-notes{color:var(--text-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--tenant-color,var(--primary-color));background-color:#0f172a08;padding:8px;font-style:italic}.crm-card-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.btn-call-mobile{background-color:var(--success-color);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;height:36px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;margin-bottom:24px;display:flex}.section-title h2{padding-left:14px;font-size:20px;font-weight:800;position:relative}.section-title h2:before{content:"";background-color:var(--tenant-color,var(--primary-color));border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:0}@media (min-width:768px){.section-title{margin-top:48px}.section-title h2{font-size:26px}}:root{--zalo-color:#0068ff}.btn-zalo{background-color:var(--zalo-color)!important;color:#fff!important;border:none!important}.btn-zalo:hover{filter:brightness(1.1);transform:translateY(-1px)}.floating-zalo-cta{z-index:95;color:#fff;background:linear-gradient(135deg,#0084ff 0%,#0068ff 100%);border-radius:999px;align-items:center;gap:10px;min-height:56px;padding:10px 16px 10px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;position:fixed;bottom:88px;right:18px;box-shadow:0 16px 32px #0068ff3d}.floating-zalo-cta:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 20px 36px #0068ff4d}.floating-zalo-cta__icon{letter-spacing:.04em;background-color:#ffffff2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:inline-flex}.floating-zalo-cta__text{white-space:nowrap;font-size:14px;font-weight:700}.sticky-cta-mobile .btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 4px 12px #0003}@media (max-width:767px){.floating-zalo-cta{min-height:52px;padding-right:14px;bottom:78px;right:14px}.floating-zalo-cta__text{font-size:13px}}.portal-hero-mesh{background:radial-gradient(at 0% 0%, #3b82f614 0, transparent 50%), radial-gradient(at 50% 0%, #8b5cf614 0, transparent 50%), radial-gradient(at 100% 0%, #10b9810d 0, transparent 40%), var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:60px 0 40px;position:relative;overflow:hidden}@media (min-width:768px){.portal-hero-mesh{padding:90px 0 70px}}.portal-hero-mesh:after{content:"";filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(circle,#8b5cf60d 0%,#0000 70%);width:600px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.portal-stats-badges{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}@media (min-width:768px){.portal-stats-badges{gap:20px;margin-top:32px}}.portal-stats-badge{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);background:#ffffffb3;border:1px solid #8b5cf626;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #00000005}.portal-stats-badge:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb14}.portal-stats-badge span{color:var(--primary-color);font-size:15px;font-weight:800}.portal-filter-bar{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:10;background:#ffffffd9;margin-top:-30px;padding:24px;transition:all .3s;position:relative;box-shadow:0 10px 30px -10px #0000000d}.portal-filter-bar:hover{border-color:color-mix(in srgb, var(--primary-color) 20%, var(--border-color));box-shadow:0 16px 40px -10px #00000014}.tenant-directory-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}@media (min-width:640px){.tenant-directory-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.tenant-directory-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.tenant-directory-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tenant-directory-card:hover{box-shadow:var(--shadow-md);border-color:var(--theme-color-accent,var(--primary-color));transform:translateY(-3px)}.tenant-directory-card:before{content:"";background-color:var(--theme-color-accent,var(--primary-color));width:4px;height:100%;position:absolute;top:0;left:0}.tenant-directory-logo{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:52px;height:52px;transition:transform .25s}.tenant-directory-card:hover .tenant-directory-logo{transform:scale(1.06)}.tenant-directory-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.tenant-directory-domain{color:var(--text-secondary);font-family:monospace;font-size:12px}.tenant-directory-arrow{color:var(--text-secondary);margin-left:auto;font-size:18px;transition:transform .2s}.tenant-directory-card:hover .tenant-directory-arrow{color:var(--theme-color-accent,var(--primary-color));transform:translate(3px)}.mls-steps-grid{grid-template-columns:1fr;gap:20px;margin-bottom:24px;display:grid}@media (min-width:768px){.mls-steps-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.mls-step-card{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;background:#fff9;padding:24px;transition:all .3s}.mls-step-card:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--primary-color) 15%, var(--border-color));transform:translateY(-2px)}.mls-step-icon{background:color-mix(in srgb, var(--primary-color) 8%, transparent);width:64px;height:64px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:32px;display:inline-flex}.mls-step-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:800}.mls-step-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.card-img-zoom-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.card-img-zoom{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card:hover .card-img-zoom{transform:scale(1.06)}@keyframes mesh-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.portal-hero-mesh{background:radial-gradient(at 0% 0%, #3b82f614 0, transparent 55%), radial-gradient(at 50% 0%, #8b5cf617 0, transparent 50%), radial-gradient(at 100% 0%, #10b9810f 0, transparent 45%), var(--bg-secondary);border-bottom:1px solid var(--border-color);background-size:200% 200%;padding:60px 0 45px;animation:15s infinite mesh-move;position:relative;overflow:hidden}@keyframes pulse-ring{0%{box-shadow:0 0 #0068ff66,0 16px 32px #0068ff3d}70%{box-shadow:0 0 0 12px #0068ff00,0 16px 32px #0068ff3d}to{box-shadow:0 0 #0068ff00,0 16px 32px #0068ff3d}}.floating-zalo-cta{animation:2s infinite pulse-ring}.advanced-filters-panel{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s,margin .35s,padding .35s;overflow:hidden}.advanced-filters-panel.expanded{opacity:1;border-top:1px dashed var(--border-color);max-height:600px;margin-top:20px;padding-top:20px}.filter-expand-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.filter-expand-btn:hover{color:var(--text-primary);background-color:#e2e8f0}.form-control{transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--tenant-color,var(--primary-color));box-shadow:0 0 0 3px color-mix(in srgb, var(--tenant-color,var(--primary-color)) 15%, transparent)}@media (min-width:768px){.mls-steps-grid{position:relative}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:999;background-color:#fffffff2;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.mobile-bottom-nav-item{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;min-height:48px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.mobile-bottom-nav-item:active{background-color:var(--bg-primary);border-radius:var(--radius-sm)}.mobile-bottom-nav-item-icon{font-size:20px;line-height:1}.mobile-bottom-nav-item-active{color:var(--tenant-color,var(--primary-color))!important}@media (min-width:768px){.mobile-bottom-nav{display:none!important}}.has-bottom-nav-padding{padding-bottom:100px!important}.zalo-pulse{position:relative}.zalo-pulse:after{content:"";border-radius:inherit;pointer-events:none;animation:2s infinite pulse-zalo;position:absolute;inset:0;box-shadow:0 0 #0068ff66}@keyframes pulse-zalo{0%{box-shadow:0 0 #0068ff66}70%{box-shadow:0 0 0 8px #0068ff00}to{box-shadow:0 0 #0068ff00}}body:has(.sticky-cta-mobile) .mobile-bottom-nav{display:none!important}