@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Sinhala:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary:#1f4e3d;--color-primary-light:#2a6a53;--color-primary-dark:#14352a;--color-secondary:#c87a5b;--color-secondary-light:#d59478;--color-accent:#e5b25d;--color-bg:#f4f6f5;--color-surface:#fff;--color-surface-hover:#f8f9f8;--color-text-main:#1d2d26;--color-text-muted:#647b71;--color-text-light:#a4b4ad;--color-border:#e0e6e3;--color-border-light:#f0f3f2;--shadow-sm:0 2px 4px #1f4e3d0d;--shadow-md:0 4px 12px #1f4e3d14;--shadow-lg:0 12px 24px #1f4e3d1f;--shadow-hover:0 20px 32px #1f4e3d26;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;width:100%;max-width:100%;margin:0;padding:0;font-family:Outfit,Noto Sans Sinhala,Noto Sans Tamil,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative;overflow-x:hidden!important}#root,.app-wrapper{width:100%;max-width:100%;overflow-x:hidden!important}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#ffffffd9;border:1px solid #ffffff80}.glass-dark{-webkit-backdrop-filter:blur(12px);color:#fff;background:#1f4e3dd9;border:1px solid #ffffff1a}h1,h2,h3,h4,h5,h6{color:var(--color-primary-dark);font-weight:600;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;box-sizing:border-box;background:#0f251cd9;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto;overflow-x:hidden!important}@media (max-width:576px){.modal-overlay{padding:.5rem}}.modal-close{color:#fff;cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:3px;font-size:1.5rem;line-height:1;display:flex}.modal-close:hover{background:#ffffff59;transform:scale(1.08)}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.btn-accent{background-color:var(--color-accent);color:var(--color-text-main);box-shadow:var(--shadow-sm)}.btn-accent:hover{box-shadow:var(--shadow-md);background-color:#f0c173;transform:translateY(-2px)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{color:var(--color-primary-light);background-color:#2a6a531a}.badge-earth{color:var(--color-secondary);background-color:#c87a5b1a}.container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (max-width:576px){.container{padding:0 1rem}}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.navbar{z-index:1000;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#f4f6f5e6;padding:.75rem 0;position:sticky;top:0}.navbar-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.navbar-brand{color:var(--color-primary-dark);letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.brand-logo-img{object-fit:contain;width:auto;min-width:90px;height:56px;box-shadow:none;transition:transform var(--transition-fast);border:none;border-radius:0;display:block}.brand-accent{color:var(--color-secondary)}.brand-sub{background:var(--color-primary);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.navbar-links{white-space:nowrap;flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:.6rem;min-width:0;display:flex;overflow:hidden}.nav-link{color:var(--color-text-main);transition:color var(--transition-fast);white-space:nowrap;font-size:.8rem;font-weight:500;position:relative}.nav-link:hover,.active-link{color:var(--color-primary)}.nav-link:after{content:"";background-color:var(--color-primary);width:0%;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.active-link:after{width:100%}.navbar-actions{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.lang-switcher{border:1px solid var(--color-border);background:#fff;border-radius:20px;align-items:center;padding:2px;display:flex;box-shadow:inset 0 1px 3px #0000000d}.lang-btn{color:var(--color-text-muted);transition:all var(--transition-fast);white-space:nowrap;border-radius:16px;padding:.25rem .45rem;font-size:.75rem;font-weight:600}.lang-btn:hover{color:var(--color-primary)}.lang-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px #1f4e3d33}.btn-post-ad{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:var(--radius-xl);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 4px 12px #1f4e3d33}.btn-post-ad:hover{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 16px #1f4e3d4d}.btn-icon-only{width:38px;height:38px;color:var(--color-text-main);border:1px solid var(--color-border);transition:all var(--transition-fast);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon-only:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:992px){.navbar-links{display:none}}@media (max-width:768px){.navbar-container{flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding:.4rem 0}.navbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;width:100%;max-width:100%}.lang-btn{padding:.25rem .45rem;font-size:.75rem}.btn-post-ad{padding:.45rem .8rem;font-size:.8rem}}@media (max-width:576px){.navbar-container{flex-direction:column;justify-content:center;align-items:center;gap:.6rem}.navbar-brand{justify-content:center;width:100%}.navbar-brand span:not(.brand-sub){font-size:1.35rem;display:inline-block}.navbar-actions{justify-content:center;gap:.35rem;width:100%}}.hero{background-color:var(--color-primary-dark);justify-content:center;align-items:center;min-height:480px;margin-bottom:0;padding:3.5rem 0;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;opacity:.38;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:2;background:linear-gradient(#0a201899,#0a2018e0);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;text-align:center;color:#fff;flex-direction:column;align-items:center;width:100%;max-width:920px;display:flex;position:relative}.hero-slogan-pill{color:#fcebc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px;background:#e5b25d33;border:1px solid #e5b25d99;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;animation:3s ease-in-out infinite pulse-slow;display:inline-flex;box-shadow:0 4px 16px #00000040}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{border-color:#e5b25de6;transform:scale(1.02)}}.hero-title{color:#fff;letter-spacing:-1px;text-shadow:0 4px 18px #000000d9,0 2px 6px #000000e6;margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-title .highlight{color:var(--color-accent)}.hero-subtitle{color:#fff;text-shadow:0 3px 10px #000000d9,0 1px 3px #000000e6;max-width:750px;margin-bottom:2.5rem;font-size:1.2rem;font-weight:400;line-height:1.5}.search-box{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffff1f;border:1px solid #ffffff40;width:100%;padding:1.75rem;box-shadow:0 24px 48px #00000059}.search-form{flex-direction:column;gap:1rem;display:flex}.search-inputs-grid{grid-template-columns:2fr 1.5fr;gap:1rem;display:grid}.search-inputs-grid-bottom{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.search-field{position:relative}.search-field select,.search-field input{border-radius:var(--radius-md);width:100%;color:var(--color-text-main);-webkit-appearance:none;appearance:none;transition:all var(--transition-fast);background:#fff;border:none;outline:none;padding:1rem 1rem 1rem 2.8rem;font-family:inherit;font-size:.95rem;box-shadow:inset 0 2px 4px #0000000d}.search-field select:focus,.search-field input:focus{box-shadow:0 0 0 3px #e5b25d99}.search-icon{color:var(--color-primary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-select-arrow{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-btn{background:linear-gradient(135deg, var(--color-accent), #f0c173);color:var(--color-primary-dark);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1.1rem;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #e5b25d4d}.search-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e5b25d80}@media (max-width:768px){.hero{box-sizing:border-box;width:100%;max-width:100%;min-height:auto;padding:3rem 1rem}.hero-content{box-sizing:border-box;width:100%;max-width:100%}.hero-title{word-break:break-word;font-size:2rem}.hero-slogan-pill{text-align:center;max-width:100%;padding:.4rem .85rem;font-size:.8rem}.hero-subtitle{padding:0 .5rem;font-size:1rem}.search-box{box-sizing:border-box;width:100%;max-width:100%;padding:1.25rem 1rem}.search-inputs-grid,.search-inputs-grid-bottom{grid-template-columns:1fr;width:100%}}@media (max-width:480px){.hero-title{font-size:1.75rem}.search-btn{padding:.9rem;font-size:1rem}}.category-section{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);margin-bottom:0;padding:1.25rem 0}.category-header{text-align:center;margin-bottom:1rem}.category-header h2{color:var(--color-primary-dark);margin-bottom:.5rem;font-size:2rem}.category-header p{color:var(--color-text-muted)}.category-grid{grid-template-columns:repeat(8,1fr);gap:1rem;display:grid;overflow-x:auto}.category-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.category-card:hover,.category-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-5px)}.category-card.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.category-icon-wrapper{width:54px;height:54px;color:var(--color-primary);transition:all var(--transition-fast);background:#1f4e3d14;border-radius:50%;justify-content:center;align-items:center;display:flex}.category-card:hover .category-icon-wrapper{background:var(--color-primary);color:#fff}.category-card.active .category-icon-wrapper{color:#fff;background:#fff3}.category-name{color:var(--color-text-main);transition:color var(--transition-fast);font-size:.95rem;font-weight:600}.category-card.active .category-name{color:#fff}.category-count{color:var(--color-text-muted);background:#0000000a;border-radius:12px;padding:2px 8px;font-size:.75rem}.category-card.active .category-count{color:#fff;background:#fff3}@media (max-width:768px){.category-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.category-card{padding:1rem .5rem}.category-icon-wrapper{width:44px;height:44px}}@media (max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr)}}.ad-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.ad-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-light);transform:translateY(-6px)}.ad-image-wrapper{background-color:var(--color-border);width:100%;height:220px;position:relative;overflow:hidden}.ad-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.ad-card:hover .ad-image{transform:scale(1.05)}.ad-badges{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px}.badge-featured{background:var(--color-accent);color:var(--color-primary-dark);font-weight:700;box-shadow:0 2px 6px #0003}.badge-category{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f4e3de6}.badge-purpose{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#c87a5be6}.ad-wishlist-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:36px;height:36px;color:var(--color-text-main);transition:all var(--transition-fast);z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #00000026}.ad-wishlist-btn:hover{color:#e63946;background:#fff;transform:scale(1.1)}.ad-content{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex}.ad-price-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.ad-price{color:var(--color-primary);font-size:1.25rem;font-weight:700}.ad-price-status{color:var(--color-text-muted);background:var(--color-bg);text-transform:capitalize;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.75rem}.ad-title{color:var(--color-primary-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.7em;font-size:1.05rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.ad-meta-row{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.ad-meta-item{background:#00000005;border-radius:6px;align-items:center;gap:.35rem;padding:2px 6px;display:flex}.ad-location{color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.ad-footer{border-top:1px solid var(--color-border-light);color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;font-size:.8rem;display:flex}.ad-seller{color:var(--color-text-main);align-items:center;gap:.35rem;font-weight:500;display:flex}.verified-icon{color:#2b9348}.agency-badge{background:var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:1px 5px;font-size:.65rem}.ad-slider-btn{color:#fff;cursor:pointer;z-index:3;opacity:.85;background:#0a192fd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding-bottom:3px;font-size:1.3rem;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ad-slider-btn:hover{opacity:1;color:#0a192f;background:#10b981;transform:translateY(-50%)scale(1.15)}.prev-btn{left:8px}.next-btn{right:8px}.ad-photo-counter{color:#fff;z-index:3;background:#0a192fe6;border:1px solid #ffffff40;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:800;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #0000004d}.ad-card-watermark{color:#fff;z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a192fe0;border:1px solid #10b98180;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:800;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #0000004d}.footer{background-color:var(--color-primary-dark);color:#fff;margin-top:4rem;padding:4rem 0 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand .brand-logo{color:#fff;align-items:center;margin-bottom:1rem;font-size:2rem;font-weight:700;display:inline-flex}.footer-brand .brand-logo span{color:var(--color-accent)}.footer-brand p{color:var(--color-border);margin-bottom:1.5rem;font-weight:300;line-height:1.6}.social-links{gap:1rem;display:flex}.social-link{color:#fff;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--color-accent);color:var(--color-primary-dark);transform:translateY(-2px)}.footer-col h4{color:#fff;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;display:flex}.footer-links a{color:var(--color-border);transition:color var(--transition-fast);font-weight:300}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{color:var(--color-text-muted);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.9rem;display:flex}.footer-bottom-links{gap:1.5rem;display:flex}.footer-bottom-links a:hover{color:#fff}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.legal-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f1e17bf;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.legal-modal-content{border-radius:var(--radius-xl);width:100%;max-width:850px;max-height:85vh;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background:#fff;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden}.legal-modal-header{background:var(--color-primary-dark);color:#fff;border-bottom:2px solid var(--color-accent);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.legal-modal-header h2{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.legal-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.legal-close-btn:hover{background:var(--color-accent);color:var(--color-primary-dark);transform:rotate(90deg)}.legal-tabs{border-bottom:1px solid var(--color-border);background:#f4f7f6;gap:.5rem;padding:0 1.5rem;display:flex;overflow-x:auto}.legal-tab-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.legal-tab-btn:hover{color:var(--color-primary)}.legal-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-accent);background:#fff}.legal-modal-body{color:var(--color-text);padding:2rem;line-height:1.7;overflow-y:auto}.legal-section{margin-bottom:2rem}.legal-section h3{color:var(--color-primary-dark);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.legal-section p{margin-bottom:1rem;font-size:.95rem}.legal-section ul{margin-bottom:1rem;padding-left:1.5rem}.legal-section li{margin-bottom:.5rem;font-size:.95rem}.legal-modal-footer{border-top:1px solid var(--color-border);background:#fafcfb;justify-content:flex-end;align-items:center;padding:1rem 2rem;display:flex}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.legal-modal-content{max-height:90vh}.legal-modal-header,.legal-modal-body,.legal-modal-footer{padding:1.25rem}}.post-ad-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f251cd9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;top:0;left:0}.post-ad-content{border-radius:var(--radius-xl);background:#fff;border:1px solid #e5b25d4d;flex-direction:column;width:100%;max-width:820px;max-height:90vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.post-ad-header{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;border-bottom:3px solid var(--color-accent);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.post-ad-title-box{flex-direction:column;gap:.25rem;display:flex}.post-ad-title{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.post-ad-subtitle{color:var(--color-border-light);opacity:.9;margin:0;font-size:.9rem}.post-ad-close-btn{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.post-ad-close-btn:hover{background:var(--color-accent);color:var(--color-primary-dark);transform:rotate(90deg)}.post-ad-form-body{flex-direction:column;flex:1;gap:1.75rem;min-height:0;padding:2rem;display:flex;overflow-y:auto}.post-ad-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-text-main);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.form-label span.req{color:#e53e3e;font-weight:700}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);width:100%;color:var(--color-text-main);transition:all var(--transition-fast);background:#f8fafc;border:1.5px solid #cbd5e1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 3px #1f4e3d1f}.form-textarea{resize:vertical;min-height:110px}.radio-group{gap:1.5rem;margin-top:.25rem;display:flex}.radio-label,.checkbox-label{color:var(--color-text-main);cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.radio-label input[type=radio],.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.photo-upload-section{border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);background:#f1f7f4;border:2px dashed #9bc4ad;padding:1.5rem}.photo-upload-section:hover{border-color:var(--color-primary);background:#eaf3ee}.photo-preview-box{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.photo-preview-img{object-fit:cover;border:2px solid var(--color-primary);width:100px;height:80px;box-shadow:var(--shadow-sm);border-radius:8px}.sample-presets{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.preset-btn{color:var(--color-primary-dark);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;display:flex}.preset-btn.active,.preset-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.post-ad-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.btn-cancel{color:var(--color-text-main);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1.5px solid #cbd5e1;padding:.75rem 1.5rem;font-weight:600}.btn-cancel:hover{color:#0f172a;background:#e2e8f0}.btn-publish{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:none;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;display:flex}.btn-publish:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#26604c 0%,#1a4435 100%);transform:translateY(-2px)}.btn-update-ad{letter-spacing:.5px;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;border:2px solid #7dd3fc!important;font-size:1.05rem!important;box-shadow:0 4px 14px #0284c766!important}.btn-update-ad:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0369a1 0%,#075985 100%)!important;box-shadow:0 6px 20px #0284c799!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.post-ad-content{border-radius:16px;max-height:92vh;margin:0 auto;width:100%!important;max-width:100%!important}.post-ad-grid{grid-template-columns:1fr;gap:1.25rem}.post-ad-header{padding:1.25rem 1rem}.post-ad-form-body{padding:1rem}.post-ad-footer{flex-direction:column-reverse;padding:1rem}.btn-cancel,.btn-publish{justify-content:center;width:100%}}.auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f251cd9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;top:0;left:0}.auth-content{border-radius:var(--radius-xl);background:#fff;border:1px solid #e5b25d4d;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.auth-header{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;border-bottom:3px solid var(--color-accent);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.auth-title-box{flex-direction:column;gap:.25rem;display:flex}.auth-title{color:#fff;align-items:center;gap:.6rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.auth-subtitle{color:var(--color-border-light);opacity:.9;margin:0;font-size:.85rem}.auth-close-btn{color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-close-btn:hover{background:var(--color-accent);color:var(--color-primary-dark);transform:rotate(90deg)}.auth-tabs{background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex}.auth-tab-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.auth-tab-btn.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);background:#fff}.auth-tab-btn:hover:not(.active){color:var(--color-text-main);background:#e2e8f0}.auth-body{flex-direction:column;gap:1.25rem;padding:2rem;display:flex;overflow-y:auto}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.demo-login-box{border:1px dashed var(--color-accent);border-radius:var(--radius-md);background:#e5b25d26;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.85rem 1.25rem;display:flex}.btn-demo{background:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.btn-demo:hover{background:var(--color-primary-dark);transform:scale(1.05)}.auth-submit-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:700;display:flex}.auth-submit-btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#26604c 0%,#1a4435 100%);transform:translateY(-2px)}.profile-card{text-align:center;border-radius:var(--radius-lg);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-accent) 0%, #c49646 100%);width:80px;height:80px;color:var(--color-primary-dark);box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex}.profile-name{color:var(--color-text-main);margin:0 0 .25rem;font-size:1.3rem;font-weight:700}.profile-badge{color:var(--color-primary-dark);background:#1f4e3d1f;border-radius:12px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.profile-info-grid{text-align:left;border-top:1px dashed #cbd5e1;grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:.5rem;padding-top:1rem;display:grid}.profile-info-item{flex-direction:column;gap:.2rem;display:flex}.profile-info-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.profile-info-val{color:var(--color-text-main);font-size:.95rem;font-weight:600}.my-ads-section{flex-direction:column;gap:1rem;display:flex}.my-ads-title{color:var(--color-primary-dark);justify-content:space-between;align-items:center;margin:0;font-size:1.1rem;font-weight:700;display:flex}.my-ad-item{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.my-ad-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.my-ad-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.my-ad-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:50px;height:50px}.my-ad-text{flex-direction:column;min-width:0;display:flex}.my-ad-text h4{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.my-ad-text span{color:var(--color-primary);font-size:.85rem;font-weight:600}.btn-delete-ad{color:#ef4444;cursor:pointer;transition:all var(--transition-fast);background:#fee2e2;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.btn-delete-ad:hover{color:#fff;background:#ef4444}.btn-logout{color:#475569;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#f1f5f9;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.btn-logout:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}@media (max-width:576px){.auth-modal-card{border-radius:16px;max-height:92vh;margin:0 auto;width:100%!important;max-width:100%!important}.auth-modal-header,.auth-modal-body{padding:1rem}}.admin-modal-container{border-radius:var(--radius-xl);width:95%;max-width:1050px;max-height:90vh;animation:modal-slide-in var(--transition-fast) ease-out;background:#fff;border:1px solid #1a3a2a26;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.admin-modal-header{background:linear-gradient(135deg, var(--color-primary-dark), #0d241c);color:#fff;border-bottom:2px solid var(--color-accent);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.admin-header-brand{align-items:center;gap:1rem;display:flex}.admin-badge-icon{background:#e5b25d26;border:1px solid #e5b25d66;border-radius:12px;padding:.5rem;font-size:2.2rem}.admin-modal-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.admin-subtitle{color:var(--color-accent);letter-spacing:.5px;font-size:.85rem;font-weight:500}.modal-close-btn{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-bottom:3px;font-size:1.6rem;line-height:1;display:flex}.modal-close-btn:hover{background:#ffffff59;transform:scale(1.08)}.admin-tabs{border-bottom:1px solid var(--color-border);background:#f4f7f6;align-items:stretch;gap:.5rem;min-height:58px;padding:.4rem 1.5rem 0;display:flex;overflow-x:auto}.admin-tab-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;line-height:1.5;display:flex}.admin-tab-btn:hover{color:var(--color-primary-dark);background:#0000000a}.admin-tab-btn.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);background:#fff;box-shadow:0 -2px 6px #00000008}.admin-pending-badge{color:#fff;background:#e53e3e;border-radius:20px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.admin-content-body{background:#fafcfb;flex:1;padding:2rem;overflow-y:auto}.section-header-title{color:var(--color-primary-dark);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;display:flex}.admin-empty-state{text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);box-shadow:var(--shadow-sm);background:#fff;padding:4rem 2rem}.admin-pending-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.admin-pending-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:transform var(--transition-fast);background:#fff;flex-direction:column;display:flex;overflow:hidden}.admin-pending-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pending-card-img-wrap{background:#eee;height:180px;position:relative}.pending-card-img-wrap img{object-fit:cover;width:100%;height:100%}.pending-cat-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14352ad9;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;position:absolute;top:10px;right:10px}.pending-card-info{flex-direction:column;flex:1;padding:1.25rem;display:flex}.pending-price-date{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pending-price{color:var(--color-primary-dark);font-size:1.15rem;font-weight:700}.pending-date{color:#777;font-size:.8rem}.pending-title{color:var(--color-text-main);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.pending-loc{color:#666;margin:0 0 .75rem;font-size:.85rem}.pending-desc{color:#555;background:#f8faf9;border:1px solid #eaeaea;border-radius:6px;flex:1;margin:0 0 1rem;padding:.75rem;font-size:.85rem;line-height:1.4}.pending-seller-box{border-left:3px solid var(--color-primary);background:#f0f4f2;border-radius:8px;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:.75rem;font-size:.85rem;display:flex}.pending-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.admin-btn-approve{color:#fff;cursor:pointer;background:#2f855a;border:none;border-radius:8px;padding:.7rem;font-weight:600;transition:background .2s}.admin-btn-approve:hover{background:#276749}.admin-btn-reject{color:#fff;cursor:pointer;background:#c53030;border:none;border-radius:8px;padding:.7rem;font-weight:600;transition:background .2s}.admin-btn-reject:hover{background:#9b2c2c}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-icon{background:#f0f4f2;border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;font-size:2.5rem;display:flex}.stat-info h4{color:var(--color-text-muted);margin:0;font-size:.9rem;font-weight:500}.stat-num{color:var(--color-primary-dark);margin:.25rem 0 0;font-size:1.8rem;font-weight:800}.live-ads-controls{gap:1rem;margin-bottom:1.5rem;display:flex}.admin-search-input{border:1px solid var(--color-border);border-radius:8px;outline:none;flex:1;padding:.8rem 1rem;font-size:.95rem}.admin-filter-select{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;padding:.8rem 1rem;font-size:.95rem}.admin-live-list{flex-direction:column;gap:.75rem;display:flex}.admin-live-row{border:1px solid var(--color-border);transition:all var(--transition-fast);background:#fff;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.admin-live-row.is-vip{background:#fffdfa;border-color:#f6ad55}.live-row-thumb{object-fit:cover;border-radius:8px;width:60px;height:60px}.live-row-info{flex:1}.live-row-info h4{color:var(--color-primary-dark);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1rem;display:flex}.vip-star{color:#744210;background:#fefcbf;border:1px solid #fbd38d;border-radius:12px;padding:2px 8px;font-size:.75rem}.live-row-info p{color:#666;margin:0;font-size:.85rem}.live-row-actions{gap:.5rem;display:flex}.btn-vip-toggle{cursor:pointer;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;padding:.5rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-vip-toggle.active{color:#9c4221;background:#feebc8;border-color:#f6ad55}.btn-delete-ad{color:#c53030;cursor:pointer;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;padding:.5rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-delete-ad:hover{background:#fed7d7}.admin-towns-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.admin-district-box{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.admin-dist-title{color:var(--color-primary-dark);border-bottom:2px solid #eee;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.dist-town-count{color:#777;font-size:.85rem;font-weight:400}.admin-towns-list{flex-wrap:wrap;gap:.5rem;display:flex}.admin-town-pill{color:var(--color-primary-dark);background:#f0f4f2;border:1px solid #14352a1a;border-radius:15px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.admin-modal-footer{border-top:1px solid var(--color-border);color:#666;background:#f4f7f6;justify-content:space-between;align-items:center;padding:1rem 2rem;font-size:.85rem;display:flex}@media (max-width:768px){.admin-modal-card{border-radius:16px;max-height:94vh;margin:0 auto;width:100%!important;max-width:100%!important}.admin-tabs{flex-wrap:wrap;gap:.35rem;padding:.5rem}.admin-tab-btn{text-align:center;flex:45%;padding:.5rem;font-size:.85rem}.admin-towns-grid,.live-ads-controls{flex-direction:column;grid-template-columns:1fr}.admin-modal-header,.admin-content-body{padding:1rem}.admin-modal-footer{text-align:center;flex-direction:column;gap:.5rem;padding:1rem}}.inquire-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0a2018bf;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.inquire-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:500px;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.inquire-modal-header{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;border-bottom:3px solid var(--color-accent);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.inquire-modal-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.inquire-ad-summary{background:#f7fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.inquire-ad-thumb{object-fit:cover;border-radius:12px;width:70px;height:70px;box-shadow:0 4px 8px #0000001a}.inquire-ad-details h4{color:#2d3748;margin:0 0 .25rem;font-size:1.05rem}.inquire-ad-details p{color:#718096;margin:0;font-size:.85rem}.inquire-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.inquire-form-group{flex-direction:column;gap:.4rem;display:flex}.inquire-form-group label{color:#4a5568;font-size:.9rem;font-weight:600}.inquire-form-group input,.inquire-form-group textarea{border:2px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.inquire-form-group input:focus,.inquire-form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1f4e3d26}.inquire-fcm-info{color:#2b6cb0;background:#ebf8ff;border:1px solid #90cdf4;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.4;display:flex}.inquire-fcm-info span:first-child{font-size:1.2rem}.inquire-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.btn-inquire-send{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #1f4e3d4d}.btn-inquire-send:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1f4e3d66}.btn-inquire-cancel{color:#4a5568;cursor:pointer;background:#edf2f7;border:none;border-radius:12px;padding:.8rem 1.25rem;font-weight:600;transition:background .2s}.btn-inquire-cancel:hover{background:#e2e8f0}.addetail-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0a192fd9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.addetail-modal-card{background:#fff;border:1px solid #10b98133;border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.addetail-modal-header{color:#fff;background:linear-gradient(135deg,#0a192f,#1a3a2a);border-bottom:2px solid #10b981;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.addetail-modal-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex;color:#fff!important}.addetail-modal-header h3 span{color:#fff!important}.addetail-modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.addetail-modal-close:hover{background:#ef4444;transform:rotate(90deg)}.addetail-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.addetail-gallery-section{flex-direction:column;gap:.75rem;display:flex}.addetail-main-image-wrapper{background:#0a192f;border-radius:12px;justify-content:center;align-items:center;width:100%;height:360px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000026}.addetail-main-image{object-fit:contain;max-width:100%;max-height:100%;display:block}.addetail-img-bound-box{max-width:100%;max-height:100%;display:inline-flex;position:relative}.addetail-gallery-nav{color:#fff;cursor:pointer;z-index:5;background:#0a192fd9;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.addetail-gallery-nav:hover{color:#0a192f;background:#10b981;transform:translateY(-50%)scale(1.1)}.addetail-nav-prev{left:12px}.addetail-nav-next{right:12px}.addetail-photo-counter{color:#fff;z-index:5;background:#0a192fe6;border:1px solid #ffffff4d;border-radius:16px;padding:4px 12px;font-size:.85rem;font-weight:800;position:absolute;bottom:12px;right:12px}.addetail-thumbnails{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.addetail-thumb-btn{cursor:pointer;background:#000;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:60px;padding:0;transition:all .2s;overflow:hidden}.addetail-thumb-btn.active{border-color:#10b981;transform:scale(1.05);box-shadow:0 2px 8px #10b98166}.addetail-thumb-btn img{object-fit:cover;width:100%;height:100%}.addetail-info-section{flex-direction:column;gap:1rem;display:flex}.addetail-title-row{flex-direction:column;gap:.5rem;display:flex}.addetail-title{color:#0a192f;margin:0;font-size:1.6rem;font-weight:800;line-height:1.3}.addetail-price-box{background:#f1f5f9;border-left:4px solid #10b981;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:1rem;padding:.75rem 1rem;display:flex}.addetail-price{color:#1a3a2a;font-size:1.8rem;font-weight:900}.addetail-price-status{color:#10b981;text-transform:uppercase;background:#0a192f;border-radius:6px;padding:.2rem .6rem;font-size:.9rem;font-weight:700}.addetail-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:1rem;padding:1rem;display:flex}.addetail-meta-item{color:#334155;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.addetail-description-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.addetail-description-box h4{color:#0a192f;border-bottom:2px solid #f1f5f9;margin:0 0 .75rem;padding-bottom:.5rem;font-size:1.1rem}.addetail-description-text{color:#475569;white-space:pre-line;margin:0;font-size:1rem;line-height:1.7}.addetail-seller-card{background:linear-gradient(135deg,#f0fdf4,#e6fcf5);border:2px solid #10b981;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.addetail-seller-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.addetail-seller-name{color:#0a192f;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:800;display:flex}.addetail-contact-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.btn-call-seller{color:#fff;background:#0a192f;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0a192f40}.btn-call-seller:hover{color:#fff;background:#1a3a2a;transform:translateY(-2px)}.btn-whatsapp-seller{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #25d3664d}.btn-whatsapp-seller:hover{color:#fff;background:#1ebd5a;transform:translateY(-2px)}.addetail-inquiry-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;margin-top:.5rem;padding:1.25rem}.addetail-inquiry-box h4{color:#0a192f;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:1.05rem;display:flex}@media (max-width:640px){.addetail-main-image-wrapper{height:250px}.addetail-title{font-size:1.3rem}.addetail-price{font-size:1.5rem}}.addetail-modal-overlay.addetail-full-page{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:99999;background-color:#f1f5f9;justify-content:center;align-items:flex-start;width:100%;height:auto;min-height:100vh;padding:1.5rem 1rem 5rem;position:absolute;top:0;left:0;overflow-y:visible}.addetail-modal-overlay.addetail-full-page .addetail-modal-card{border:1px solid #10b9814d;border-radius:20px;width:100%;max-width:1100px;height:auto;max-height:none;margin:0 auto;overflow:visible;box-shadow:0 10px 40px #00000014}.addetail-modal-overlay.addetail-full-page .addetail-modal-body{max-height:none;overflow-y:visible}.addetail-modal-overlay.addetail-full-page .addetail-main-image-wrapper{height:480px}@media (max-width:768px){.addetail-modal-overlay.addetail-full-page{padding:.5rem .5rem 3rem}.addetail-modal-card{box-sizing:border-box;border-radius:14px;margin:0 auto;width:100%!important;max-width:100%!important}.addetail-modal-overlay.addetail-full-page .addetail-main-image-wrapper{height:280px}.addetail-modal-header,.addetail-modal-body{padding:1rem}}.notif-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0a2018bf;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.notif-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.notif-modal-header{color:#fff;background:linear-gradient(135deg,#2b6cb0,#2c5282);border-bottom:3px solid #63b3ed;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.notif-modal-header h3{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.notif-list{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.notif-empty{text-align:center;color:#718096;padding:3rem 1rem}.notif-empty span{margin-bottom:.75rem;font-size:3rem;display:block}.notif-card-item{background:#f7fafc;border:1px solid #e2e8f0;border-left:5px solid #3182ce;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.notif-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.notif-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.notif-card-title{color:#2b6cb0;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.notif-time{color:#a0aec0;white-space:nowrap;font-size:.75rem}.notif-body{color:#2d3748;background:#fff;border:1px solid #edf2f7;border-radius:8px;margin:.5rem 0 .75rem;padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.notif-buyer-info{color:#2c5282;background:#ebf8ff;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;font-weight:600;display:flex}.notif-call-btn{color:#fff;background:#3182ce;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.notif-call-btn:hover{background:#2b6cb0}.notif-modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.btn-notif-clear{color:#e53e3e;cursor:pointer;background:0 0;border:1px solid #feb2b2;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.btn-notif-clear:hover{background:#fff5f5}@media (max-width:640px){.notif-modal-overlay{padding:.5rem}.notif-modal-card{border-radius:16px;max-height:92vh;margin:0 auto;width:100%!important;max-width:100%!important}.notif-modal-header{padding:1rem}.notif-list{padding:.75rem}.notif-card-item{padding:1rem}.notif-card-top{flex-direction:column;align-items:flex-start;gap:.25rem}.notif-buyer-info{flex-direction:column;align-items:flex-start;gap:.5rem}.notif-call-btn{justify-content:center;width:100%}}.custom-alert-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999999;background-color:#0a192fbf;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;animation:.25s ease-out alertFadeIn;display:flex;position:fixed;top:0;left:0}.custom-alert-card{text-align:center;background:#fff;border-top:5px solid #10b981;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:2rem 1.75rem 1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) alertPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #10b98133}.custom-alert-card.alert-success{border-top-color:#10b981}.custom-alert-card.alert-warning{border-top-color:#f59e0b}.custom-alert-card.alert-info{border-top-color:#3b82f6}.custom-alert-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.25rem;font-size:2.25rem;display:flex;box-shadow:0 10px 25px -5px #0000001a}.custom-alert-card.alert-success .custom-alert-icon-wrapper{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.custom-alert-card.alert-warning .custom-alert-icon-wrapper{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.custom-alert-card.alert-info .custom-alert-icon-wrapper{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.custom-alert-title{color:#0a192f;letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.2rem;font-weight:800}.custom-alert-message{color:#334155;word-break:break-word;margin:0 0 1.75rem;font-size:1.05rem;font-weight:500;line-height:1.6}.custom-alert-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;max-width:240px;padding:.85rem 2.25rem;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #10b98159}.custom-alert-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98173}.custom-alert-btn:active{transform:translateY(0)}.custom-alert-close-top{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.custom-alert-close-top:hover{color:#0f172a;background:#f1f5f9}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertPopIn{0%{opacity:0;transform:scale(.85)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:480px){.custom-alert-card{padding:1.75rem 1.25rem 1.5rem}.custom-alert-title{font-size:1.1rem}.custom-alert-message{font-size:.98rem}}