:root{--zungal-green:#075c3b;--zungal-green-dark:#043e27;--zungal-green-light:#e8f5ee;--zungal-green-glow:#075c3b33}*{box-sizing:border-box}.business-page-wrapper{color:#0f172a;box-sizing:border-box;background:#f4fbf7;flex-direction:column;width:100%;max-width:100%;min-height:100vh;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Outfit,Inter,sans-serif;display:flex;overflow-x:clip}.business-sticky-nav-bar{z-index:45;-webkit-backdrop-filter:blur(12px);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;background:#fffffff5;border-bottom:1.5px solid #e2e8f0;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 4px 16px #0000000a}.business-sticky-nav-bar::-webkit-scrollbar{display:none}.business-nav-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.business-nav-tab-btn:hover{color:#0f172a;background:#f8fafc}.business-nav-tab-btn.active{color:#fff;background:#075c3b;border-color:#075c3b;font-weight:800;box-shadow:0 2px 8px #075c3b38}.business-nav-tab-badge{color:#64748b;background:#f1f5f9;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:800}.business-nav-tab-btn.active .business-nav-tab-badge{color:#fff;background:#ffffff40}.business-hero{box-sizing:border-box;background-color:#e2e8f0;background-position:50%;background-size:cover;border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex-shrink:0;width:100%;min-width:0;max-width:100%;height:270px;position:relative;overflow:hidden;box-shadow:0 10px 30px #075c3b1f}@media (min-width:600px){.business-hero{height:340px}}@media (min-width:768px){.business-hero{height:380px}}.business-hero-overlay{pointer-events:none;background:linear-gradient(#0f172a73 0%,#0f172a0d 45%,#f4fbf7f2 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-top-nav{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:10px;right:10px}.hero-shop-pill{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #c8dcc9cc;border-radius:20px;align-items:center;gap:5px;max-width:200px;padding:4px 10px;display:flex}.hero-icon-btn{-webkit-backdrop-filter:blur(12px);color:#0f172a;cursor:pointer;background:#ffffffe0;border:1px solid #c8dcc9cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000014}.hero-icon-btn:hover{background:#fff;border-color:#075c3b}.hero-top-actions{gap:6px;display:flex}.quick-catalogue-container{z-index:10;box-sizing:border-box;flex-direction:column;width:calc(100% - 16px);min-width:0;max-width:calc(100vw - 16px);margin:10px 8px 14px;display:flex;position:relative}@media (min-width:600px){.quick-catalogue-container{max-width:580px;margin-top:12px;margin-left:auto;margin-right:auto}}@media (min-width:768px){.quick-catalogue-container{margin-top:14px}}.quick-catalogue-cards-row{align-items:stretch;gap:8px;width:100%;margin-bottom:8px;display:flex}.hero-rating-glass-card{-webkit-backdrop-filter:blur(16px);color:#0f172a;background:#ffffffeb;border:1px solid #c8dcc9;border-radius:16px;flex-direction:column;flex:0 0 115px;justify-content:space-between;max-width:125px;padding:8px;display:flex;box-shadow:0 8px 24px #075c3b14}.rating-card-title{text-transform:uppercase;letter-spacing:.3px;color:#475569;margin-bottom:2px;font-size:8px;font-weight:800;line-height:1.2}.rating-score-row{align-items:center;gap:3px;margin:2px 0;display:flex}.rating-big-num{color:#0f172a;font-size:20px;font-weight:900;line-height:1}.rating-snippet{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;font-size:8.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.featured-card-wrapper{flex:1;min-width:0}.compact-featured-card{-webkit-backdrop-filter:blur(20px);color:#0f172a;background:#fffffff0;border:1px solid #c8dcc9;border-radius:16px;flex-direction:column;width:100%;padding:8px 10px;display:flex;box-shadow:0 10px 24px #075c3b14}.compact-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.compact-title-group{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.compact-product-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:900;overflow:hidden}.compact-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.compact-close-btn:hover{color:#475569}.compact-rating-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.compact-rating-lbl{color:#475569;font-size:9.5px;font-weight:700}.compact-stars{align-items:center;gap:1.5px;display:flex}.compact-card-middle{align-items:center;gap:8px;margin:3px 0 6px;display:flex}.compact-img-col{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.compact-img-ring{border:1.5px solid #075c3b;border-radius:50%;width:58px;height:58px;overflow:hidden;box-shadow:0 4px 10px #075c3b26}.compact-product-thumb{object-fit:cover;width:100%;height:100%}.compact-360-tag{color:#fff;background:#075c3b;border:1px solid #c8dcc9;border-radius:8px;align-items:center;gap:2px;padding:1px 5px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:-4px}.compact-info-col{flex:1;min-width:0}.compact-review-box{background:#f4fbf7;border-left:2.5px solid #075c3b;border-radius:0 6px 6px 0;padding:4px 6px}.compact-review-heading{color:#075c3b;margin-bottom:1px;font-size:8.5px;font-weight:800}.compact-review-quote{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.compact-card-bottom{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:4px;padding-top:5px;display:flex}.compact-price-group{flex-direction:column;gap:1px;display:flex}.compact-price-pill{align-items:baseline;gap:2px;display:flex}.compact-price-lbl{color:#075c3b;font-size:8px;font-weight:800}.compact-price-val{color:#0f172a;font-size:13px;font-weight:900}.compact-price-unit,.compact-single-piece{color:#64748b;font-size:8.5px}.compact-actions-group{align-items:center;gap:4px;display:flex}.compact-call-btn{color:#075c3b;cursor:pointer;background:#e8f5ee;border:1px solid #c8dcc9;border-radius:8px;align-items:center;gap:3px;padding:3px 6px;font-size:10px;font-weight:800;display:flex}.compact-fav-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;display:flex}.compact-order-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#075c3b 0%,#043e27 100%);border:1px solid #075c3b;border-radius:10px;padding:5px 9px;font-size:10.5px;font-weight:900;box-shadow:0 3px 8px #075c3b40}.curved-arc-strip-container{background:#fff;border:1px solid #c8dcc9;border-radius:50% 50% 20px 20px/20px 20px 0 0;width:100%;padding:10px 4px 12px;position:relative;overflow:hidden;box-shadow:0 10px 24px #075c3b0f}.arc-curve-rim{filter:blur(1px);background:radial-gradient(circle,#075c3b 0%,#0000 80%);width:70%;height:2px;margin:0 auto 6px}.arc-pedestal-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:10px;padding:2px 6px;display:flex;overflow-x:auto}.arc-pedestal-scroll::-webkit-scrollbar{display:none}.arc-pedestal-disc{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:60px;padding:2px;transition:all .25s;display:flex}.pedestal-neon-ring{background:#f4fbf7;border:2px solid #d97706;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;box-shadow:0 0 8px #d9770640}.pedestal-product-photo{object-fit:cover;border-radius:50%;width:40px;height:40px}.arc-pedestal-disc.active .pedestal-neon-ring{border-color:#075c3b;transform:scale(1.12);box-shadow:0 0 10px #075c3b4d}.pedestal-label-block{flex-direction:column;align-items:center;width:100%;display:flex}.pedestal-name-text{color:#475569;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:58px;font-size:9.5px;font-weight:700;overflow:hidden}.pedestal-price-text{color:#075c3b;font-size:8.5px;font-weight:800}.arc-pedestal-disc.active .pedestal-name-text{color:#075c3b;font-weight:800}.location-timings-dual-container{width:calc(100% - 16px);max-width:580px;margin:0 auto 12px}.dual-cards-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dual-glass-card{cursor:pointer;background:#fff;border:1px solid #c8dcc9;border-radius:14px;padding:8px 10px;transition:all .2s;box-shadow:0 4px 12px #075c3b0d}.dual-card-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.dual-card-title{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:9.5px;font-weight:800}.dual-icons-pair{align-items:center;gap:3px;display:flex}.dual-card-body{flex-direction:column;gap:1px;display:flex}.open-status-line{align-items:center;gap:3px;display:flex}.status-dot{font-size:7px}.status-dot.dot-open{color:#16a34a}.status-dot.dot-closed{color:#dc2626}.status-main-text{color:#0f172a;font-size:11px;font-weight:800}.live-marked-note{color:#16a34a;font-size:8px;font-weight:700}.hours-sub-text{color:#64748b;font-size:9px}.click-schedule-hint{color:#075c3b;align-items:center;gap:2px;margin-top:1px;font-size:8.5px;font-weight:700;display:flex}.location-main-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.location-sub-note{color:#64748b;font-size:8.5px}.navigate-tap-hint{color:#075c3b;align-items:center;gap:2px;margin-top:1px;font-size:8.5px;font-weight:700;display:flex}.weekly-schedule-dropdown{background:#fff;border:1px solid #c8dcc9;border-radius:12px;margin-top:6px;padding:8px 12px;box-shadow:0 8px 16px #00000014}.schedule-dropdown-header{color:#075c3b;align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.schedule-list{flex-direction:column;gap:3px;display:flex}.schedule-day-row{color:#64748b;justify-content:space-between;font-size:10px;display:flex}.schedule-day-row.active-today{color:#075c3b;font-weight:800}.single-row-action-bar{grid-template-columns:repeat(6,1fr);gap:6px;width:calc(100% - 16px);max-width:580px;margin:0 auto 16px;display:grid}.action-icon-only-btn{cursor:pointer;background:#fff;border:1px solid #c8dcc9;border-radius:12px;justify-content:center;align-items:center;height:42px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.action-icon-only-btn:hover{background:#f4fbf7;border-color:#075c3b;transform:translateY(-2px)}.action-icon-only-btn.active{background:#e8f5ee;border-color:#075c3b}.full-catalogue-section{box-sizing:border-box;width:calc(100% - 16px);max-width:580px;margin:0 auto}.catalogue-section-title{color:#0f172a;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:15px;font-weight:900;display:flex}.catalogue-search-bar{margin-bottom:10px;position:relative}.catalogue-search-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #c8dcc9;border-radius:12px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:12.5px;transition:border-color .2s}.catalogue-search-input:focus{border-color:#075c3b;box-shadow:0 0 0 2px #075c3b26}.search-icon-pos{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.category-tabs-scroll{scrollbar-width:none;gap:6px;padding-bottom:10px;display:flex;overflow-x:auto}.category-tabs-scroll::-webkit-scrollbar{display:none}.cat-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c8dcc9;border-radius:14px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.cat-pill.active{color:#fff;background:#075c3b;border-color:#075c3b;box-shadow:0 3px 8px #075c3b40}.catalogue-product-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.grid-product-card{cursor:pointer;background:#fff;border:1px solid #c8dcc9;border-radius:14px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #075c3b0a}.grid-product-card:hover{border-color:#075c3b;transform:translateY(-2px);box-shadow:0 6px 16px #075c3b1f}.grid-card-thumb{object-fit:cover;background:#f1f5f9;width:100%;height:110px}.grid-card-body{flex-direction:column;flex:1;padding:8px;display:flex}.grid-card-title{color:#0f172a;margin:0 0 3px;font-size:11.5px;font-weight:800;line-height:1.25}.grid-card-rating{color:#d97706;align-items:center;gap:3px;margin-bottom:3px;font-size:10px;font-weight:700;display:flex}.grid-card-price-row{justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:4px;display:flex}.grid-card-price{color:#0f172a;font-size:13px;font-weight:900}.grid-card-unit{color:#64748b;font-size:9.5px;font-weight:600}:root{--brand-green-900:#064d32;--brand-green-800:#075c3b;--brand-green-700:#087a4f;--brand-green-600:#12915f;--brand-green-100:#e7f3e8;--brand-green-150:#dceedc;--brand-green-200:#cbe4cc;--brand-green-300:#b5d7b7;--color-primary:#087a4f;--color-primary-dark:#064d32;--color-primary-light:#12915f;--color-secondary:#075c3b;--color-secondary-light:#e7f3e8;--color-secondary-dark:#064d32;--color-background:#f7f9f3;--color-surface:#fff;--color-surface-elevated:#f1f6ee;--color-surface-soft:#f1f6ee;--color-surface-highlight:#eaf4e8;--color-text:#17352a;--color-text-secondary:#52665c;--color-text-muted:#78867f;--color-text-inverse:#fff;--color-border:#c8dcc9;--color-border-strong:#7fb28a;--color-border-subtle:#e0efe1;--color-success:#087a4f;--color-success-light:#e7f3e8;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#0284c7;--color-info-light:#e0f2fe;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #17352a0f;--shadow-md:0 4px 12px #17352a14;--shadow-lg:0 8px 24px #17352a1f;--shadow-xl:0 16px 36px #17352a29;--border-width:1px;--border-width-strong:1.5px;--border-width-heavy:2px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--container-width:min(100vw, 600px);--content-padding:16px;--header-height:60px;--bottom-nav-height:65px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--top-bar-total-height:calc(var(--header-height) + var(--safe-area-top,0px));--bottom-nav-total-height:calc(var(--bottom-nav-height) + var(--safe-area-bottom,0px));--z-base:0;--z-sticky:10;--z-dropdown:50;--z-header:100;--z-bottom-nav:200;--z-modal-backdrop:1000;--z-modal:1050;--z-drawer-backdrop:2000;--z-drawer:2050;--z-toast:3000;--zungal-green-900:var(--brand-green-900);--zungal-green-800:var(--brand-green-800);--zungal-green-700:var(--brand-green-700);--zungal-green-600:var(--brand-green-600);--zungal-green-100:var(--brand-green-100);--zungal-green-150:var(--brand-green-150);--zungal-green-200:var(--brand-green-200);--zungal-green-300:var(--brand-green-300);--zungal-brand-green:var(--color-primary);--zungal-brand-green-dark:var(--color-primary-dark);--zungal-brand-green-light:var(--brand-green-100);--zungal-primary:var(--color-primary);--zungal-primary-dark:var(--color-primary-dark);--zungal-primary-light:var(--color-primary-light);--zungal-secondary:var(--color-secondary);--zungal-secondary-dark:var(--color-secondary-dark);--zungal-secondary-light:var(--color-secondary-light);--zungal-bg:var(--color-background);--zungal-editorial-canvas:var(--color-background);--zungal-surface:var(--color-surface);--zungal-surface-raised:var(--color-surface-elevated);--zungal-surface-soft:var(--color-surface-soft);--zungal-surface-green:var(--color-surface-highlight);--zungal-surface-highlight:var(--color-surface-highlight);--zungal-text-primary:var(--color-text);--zungal-text:var(--color-text);--zungal-text-secondary:var(--color-text-secondary);--zungal-text-muted:var(--color-text-muted);--zungal-text-light:var(--color-text-muted);--zungal-text-inverse:var(--color-text-inverse);--zungal-border:var(--color-border);--zungal-border-light:var(--color-border-subtle);--zungal-border-strong:var(--color-border-strong);--zungal-border-dark:var(--brand-green-800);--zungal-border-accent:var(--color-primary);--zungal-success:var(--color-success);--zungal-success-light:var(--color-success-light);--zungal-warning:var(--color-warning);--zungal-warning-light:var(--color-warning-light);--zungal-danger:var(--color-danger);--zungal-danger-light:var(--color-danger-light);--zungal-info:var(--color-info);--zungal-info-light:var(--color-info-light);--zungal-radius-xs:var(--radius-xs);--zungal-radius-sm:var(--radius-sm);--zungal-radius-md:var(--radius-md);--zungal-radius-lg:var(--radius-lg);--zungal-radius-xl:var(--radius-xl);--zungal-radius-pill:var(--radius-full);--zungal-shadow-xs:var(--shadow-sm);--zungal-shadow-sm:var(--shadow-sm);--zungal-shadow-md:var(--shadow-md);--zungal-shadow-lg:var(--shadow-lg);--zungal-shadow-xl:var(--shadow-xl);--zungal-elevation-1:var(--shadow-sm);--zungal-elevation-2:var(--shadow-md);--zungal-elevation-3:var(--shadow-lg);--zungal-elevation-featured:0 4px 14px #087a4f24;--zungal-space-1:var(--space-1);--zungal-space-2:var(--space-2);--zungal-space-3:var(--space-3);--zungal-space-4:var(--space-4);--zungal-space-5:var(--space-5);--zungal-space-6:var(--space-6);--zungal-space-8:var(--space-8);--zungal-space-10:var(--space-10);--zungal-space-12:var(--space-12)}@media (min-width:640px){:root{--container-width:720px}}@media (min-width:1024px){:root{--container-width:1200px}}:root[data-theme=light]{--color-primary:#087a4f;--color-primary-dark:#064d32;--color-primary-light:#12915f;--color-secondary:#075c3b;--color-secondary-light:#e7f3e8;--color-secondary-dark:#064d32;--color-background:#f7f9f3;--color-surface:#fff;--color-surface-elevated:#f1f6ee;--color-surface-soft:#f1f6ee;--color-surface-highlight:#eaf4e8;--color-text:#17352a;--color-text-secondary:#52665c;--color-text-muted:#78867f;--color-text-inverse:#fff;--color-border:#c8dcc9;--color-border-strong:#7fb28a;--color-border-subtle:#e0efe1;--shadow-sm:0 1px 3px #17352a0f;--shadow-md:0 4px 12px #17352a14;--shadow-lg:0 8px 24px #17352a1f;--shadow-xl:0 16px 36px #17352a29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#10b981;--color-primary-dark:#075c3b;--color-primary-light:#34d399;--color-secondary:#134e4a;--color-secondary-light:#1e3a34;--color-secondary-dark:#064e3b;--color-background:#0b1612;--color-surface:#14241e;--color-surface-elevated:#1d332b;--color-surface-soft:#182c24;--color-surface-highlight:#234237;--color-text:#eaf4ee;--color-text-secondary:#b6cec1;--color-text-muted:#7e9c8d;--color-text-inverse:#0b1612;--color-border:#233c31;--color-border-strong:#3a6351;--color-border-subtle:#192d25;--color-success:#10b981;--color-success-light:#064e3b;--color-warning:#f59e0b;--color-warning-light:#451a03;--color-danger:#ef4444;--color-danger-light:#450a0a;--color-info:#38bdf8;--color-info-light:#082f49;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 16px 36px #000000b3}}:root[data-theme=dark],[data-theme=dark]{--color-primary:#10b981;--color-primary-dark:#075c3b;--color-primary-light:#34d399;--color-secondary:#134e4a;--color-secondary-light:#1e3a34;--color-secondary-dark:#064e3b;--color-background:#0b1612;--color-surface:#14241e;--color-surface-elevated:#1d332b;--color-surface-soft:#182c24;--color-surface-highlight:#234237;--color-text:#eaf4ee;--color-text-secondary:#b6cec1;--color-text-muted:#7e9c8d;--color-text-inverse:#0b1612;--color-border:#233c31;--color-border-strong:#3a6351;--color-border-subtle:#192d25;--color-success:#10b981;--color-success-light:#064e3b;--color-warning:#f59e0b;--color-warning-light:#451a03;--color-danger:#ef4444;--color-danger-light:#450a0a;--color-info:#38bdf8;--color-info-light:#082f49;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 16px 36px #000000b3}html{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-background);color:var(--color-text);min-height:100vh;min-height:100dvh;transition:background-color var(--transition-fast), color var(--transition-fast);margin:0;padding:0}*,:before,:after{border-color:var(--color-border)}.btn,.zt-button{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);border:var(--border-width) solid transparent;cursor:pointer;box-sizing:border-box;min-height:44px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active,.zt-button:active{transform:scale(.98)}.btn:disabled,.zt-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary,.zt-button-primary{background:var(--color-primary);color:#fff;border-color:#0000;box-shadow:0 2px 8px #087a4f40}.btn-primary:hover,.zt-button-primary:hover{background:var(--color-primary-dark)}.btn-secondary,.zt-button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover,.zt-button-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong)}.btn-outline,.zt-button-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover,.zt-button-outline:hover{background:var(--color-surface-highlight)}.btn-ghost,.zt-button-ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn-ghost:hover,.zt-button-ghost:hover{background:var(--color-surface-elevated)}.btn-danger,.zt-button-danger{background:var(--color-danger);color:#fff;border-color:#0000}.btn-danger:hover,.zt-button-danger:hover{filter:brightness(.9)}.btn-success,.zt-button-success{background:var(--color-success);color:#fff;border-color:#0000}.btn-icon,.zt-button-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.btn-fab,.fab{bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-area-bottom));right:var(--space-4);z-index:var(--z-header);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.btn-fab:hover,.fab:hover{transform:scale(1.05)}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.form-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-control,.input-text,.input-search,.input-select,.input-textarea{box-sizing:border-box;width:100%;padding:12px var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);min-height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-control:focus,.input-text:focus,.input-search:focus,.input-select:focus,.input-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #087a4f26}.form-control::placeholder,.input-text::placeholder,.input-search::placeholder,.input-textarea::placeholder{color:var(--color-text-muted)}.input-textarea{resize:vertical;min-height:88px}.form-helper{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.form-error{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-danger);margin-top:2px}.form-success{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);margin-top:2px}.card,.zt-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.card-elevated,.zt-card-raised{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-md);border-color:var(--color-border)}.card-interactive,.card-clickable{cursor:pointer}.card-interactive:hover,.card-clickable:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-selected,.zt-card-active{border:2px solid var(--color-primary);background-color:var(--color-surface-highlight)}.card-disabled{opacity:.6;pointer-events:none}.card-hero,.zt-card-hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:var(--space-6);border:none}.card-soft,.zt-card-soft{background-color:var(--color-surface-soft);border-color:var(--color-border);box-shadow:none}.badge,.zt-badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.02em;white-space:nowrap;line-height:1;display:inline-flex}.badge-primary{background-color:var(--brand-green-100);color:var(--color-primary-dark)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.badge-neutral{background-color:var(--color-surface-elevated);color:var(--color-text-secondary);border:var(--border-width) solid var(--color-border)}.badge-verified{color:#0284c7;background-color:#e0f2fe;border:1px solid #bae6fd}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background-color:#0b1612a6;animation:.2s ease-out fadeInModal;position:fixed;top:0;bottom:0;left:0;right:0}.modal-sheet{width:100%;max-width:var(--container-width);background-color:var(--color-surface);color:var(--color-text);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-modal);padding:var(--space-5);padding-bottom:calc(var(--space-5) + var(--safe-area-bottom));box-sizing:border-box;max-height:90vh;border-bottom:none;max-height:90dvh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpSheet;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.modal-dialog{background-color:var(--color-surface);width:calc(100% - 32px);max-width:440px;color:var(--color-text);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-modal);padding:var(--space-6);box-sizing:border-box;animation:.2s cubic-bezier(.16,1,.3,1) popInDialog;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-fullscreen{background-color:var(--color-background);color:var(--color-text);z-index:var(--z-modal);padding:var(--space-4);padding-top:calc(var(--space-4) + var(--safe-area-top));padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));box-sizing:border-box;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpSheet{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes popInDialog{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.app-header{z-index:var(--z-header);background-color:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);height:var(--header-height);padding:0 var(--space-4);padding-top:var(--safe-area-top);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #17352a0a}.bottom-nav{width:100%;max-width:var(--container-width);height:var(--bottom-nav-height);background-color:var(--color-surface);border-top:var(--border-width) solid var(--color-border);z-index:var(--z-bottom-nav);padding-bottom:var(--safe-area-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #17352a0f}.nav-btn{color:var(--color-text-muted);font-family:var(--font-family);font-size:10.5px;font-weight:var(--font-weight-bold);cursor:pointer;min-width:52px;min-height:44px;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;display:flex}.nav-btn.active,.nav-btn:hover{color:var(--color-primary)}.scan-nav-btn{border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);outline:none}.toast{bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-area-bottom));z-index:var(--z-toast);background-color:var(--color-text);color:var(--color-background);padding:10px var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg);pointer-events:none;animation:.25s cubic-bezier(.16,1,.3,1) toastIn;position:fixed;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:56px;height:56px;color:var(--color-border-strong);margin-bottom:var(--space-3)}.empty-state-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-1) 0}.empty-state-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:280px;margin:0}.skeleton-box{background:linear-gradient(90deg, var(--color-surface-soft) 25%, var(--color-surface-elevated) 50%, var(--color-surface-soft) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar{border-radius:var(--radius-full);object-fit:cover;background-color:var(--color-surface-soft);border:var(--border-width) solid var(--color-border)}.avatar-sm{width:32px;height:32px}.avatar-md{width:44px;height:44px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:88px;height:88px}.thumbnail{border-radius:var(--radius-md);object-fit:cover;background-color:var(--color-surface-soft)}.map-container{background-color:var(--color-background);width:100%;height:100%;position:relative}.map-control-btn{background-color:var(--color-surface);width:44px;height:44px;color:var(--color-text);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.map-control-btn:hover{background-color:var(--color-surface-elevated)}.map-overlay-card{bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-area-bottom));left:var(--space-4);right:var(--space-4);z-index:var(--z-sticky);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--border-width) solid var(--color-border);padding:var(--space-4);position:absolute}.app-container,#root{width:100%;max-width:var(--container-width);min-height:100vh;background-color:var(--color-background);min-height:100dvh;color:var(--color-text);box-sizing:border-box;margin:0 auto;position:relative;overflow:clip visible}@media (min-width:640px){.app-container,#root{box-shadow:0 0 40px #0000001f}}.app-screen{padding-bottom:calc(var(--bottom-nav-height) + var(--space-4) + var(--safe-area-bottom));box-sizing:border-box}.app-screen.no-padding{padding-bottom:0}.safe-area-top{padding-top:var(--safe-area-top)!important}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)!important}.safe-area-both{padding-top:var(--safe-area-top)!important;padding-bottom:var(--safe-area-bottom)!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}button,a,input,select,textarea{touch-action:manipulation}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:root{--zungal-green-900:#064d32;--zungal-green-800:#075c3b;--zungal-green-700:#087a4f;--zungal-green-600:#12915f;--zungal-green-100:#e7f3e8;--zungal-green-150:#dceedc;--zungal-green-200:#cbe4cc;--zungal-green-300:#b5d7b7;--zungal-brand-green:var(--zungal-green-700);--zungal-brand-green-dark:var(--zungal-green-800);--zungal-brand-green-light:var(--zungal-green-100);--zungal-brand-green-accent:var(--zungal-green-600);--zungal-primary:var(--zungal-green-700);--zungal-primary-dark:var(--zungal-green-900);--zungal-primary-light:var(--zungal-green-600);--zungal-secondary:var(--zungal-green-800);--zungal-secondary-dark:var(--zungal-green-900);--zungal-secondary-light:var(--zungal-green-100);--zungal-accent:var(--zungal-green-700);--zungal-brand-teal:var(--zungal-green-700);--zungal-brand-teal-light:var(--zungal-green-100);--zungal-brand-navy:var(--zungal-green-900);--zungal-bg:#f7f9f3;--zungal-editorial-canvas:#f7f9f3;--zungal-surface:#fff;--zungal-surface-raised:#fff;--zungal-surface-soft:#f1f6ee;--zungal-surface-green:#eaf4e8;--zungal-surface-highlight:#eaf4e8;--zungal-text-primary:#17352a;--zungal-text:#17352a;--zungal-text-secondary:#52665c;--zungal-text-muted:#78867f;--zungal-text-light:#78867f;--zungal-text-inverse:#fff;--zungal-success:#087a4f;--zungal-success-light:#e7f3e8;--zungal-warning:#f59e0b;--zungal-warning-light:#fef3c7;--zungal-danger:#ef4444;--zungal-danger-light:#fee2e2;--zungal-info:#0284c7;--zungal-info-light:#e0f2fe;--zungal-border:#c8dcc9;--zungal-border-light:#e0efe1;--zungal-border-strong:#7fb28a;--zungal-border-dark:#075c3b;--zungal-border-accent:#087a4f;--zungal-border-card:1px solid #c8dcc9;--zungal-border-card-important:1.5px solid #9fc5a5;--zungal-border-card-active:2px solid #087a4f;--zungal-radius-xs:4px;--zungal-radius-sm:8px;--zungal-radius-md:12px;--zungal-radius-lg:16px;--zungal-radius-xl:20px;--zungal-radius-pill:999px;--zungal-shadow-xs:0 1px 2px #17352a0a;--zungal-shadow-sm:0 1px 3px #17352a0f;--zungal-shadow-md:0 3px 8px #17352a0f;--zungal-shadow-lg:0 6px 16px #17352a14;--zungal-shadow-xl:0 12px 24px #17352a1a;--zungal-elevation-1:0 2px 4px #17352a0a;--zungal-elevation-2:0 3px 8px #17352a0f;--zungal-elevation-3:0 6px 16px #17352a14;--zungal-elevation-featured:0 4px 14px #087a4f1f;--zungal-highlight:#087a4f1f;--zungal-shadow-soft:0 3px 12px #17352a0d;--zungal-shadow-deep:0 8px 24px #17352a1a;--zungal-inner-shadow:inset 0 1px 3px #17352a14;--zungal-space-1:4px;--zungal-space-2:8px;--zungal-space-3:12px;--zungal-space-4:16px;--zungal-space-5:20px;--zungal-space-6:24px;--zungal-space-8:32px;--zungal-space-10:40px;--zungal-space-12:48px;--zungal-space-16:64px;--zungal-font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--zungal-font-size-xs:10px;--zungal-font-size-sm:12px;--zungal-font-size-md:14px;--zungal-font-size-lg:16px;--zungal-font-size-xl:18px;--zungal-font-size-2xl:22px;--zungal-font-size-3xl:28px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--zungal-header-height:56px;--zungal-bottom-nav-height:60px;--top-bar-total-height:calc(var(--zungal-header-height) + var(--safe-area-top,0px));--bottom-nav-total-height:calc(var(--zungal-bottom-nav-height) + var(--safe-area-bottom,0px));--zungal-content-max-width:min(100vw, 600px);--zungal-breakpoint-sm:480px;--zungal-breakpoint-md:600px;--zungal-breakpoint-lg:1024px;--zungal-breakpoint-xl:1280px;--zungal-duration-fast:.15s;--zungal-duration-normal:.25s;--zungal-duration-slow:.4s;--zungal-ease-standard:cubic-bezier(.2, 0, 0, 1);--zungal-ease-emphasized:cubic-bezier(.16, 1, .3, 1)}@media (min-width:640px){:root{--zungal-content-max-width:720px}}@media (min-width:1024px){:root{--zungal-content-max-width:1200px}}.zt-bg-primary{background-color:var(--zungal-primary)!important}.zt-bg-primary-light{background-color:var(--zungal-primary-light)!important}.zt-bg-secondary{background-color:var(--zungal-secondary)!important}.zt-bg-secondary-light{background-color:var(--zungal-secondary-light)!important}.zt-bg-accent{background-color:var(--zungal-accent)!important}.zt-bg-surface{background-color:var(--zungal-surface)!important}.zt-bg-soft{background-color:var(--zungal-surface-soft)!important}.zt-bg-canvas{background-color:var(--zungal-editorial-canvas)!important}.zt-bg-highlight{background-color:var(--zungal-surface-highlight)!important}.zt-text-primary{color:var(--zungal-text)!important}.zt-text-secondary{color:var(--zungal-text-secondary)!important}.zt-text-muted{color:var(--zungal-text-muted)!important}.zt-text-light{color:var(--zungal-text-light)!important}.zt-text-inverse{color:var(--zungal-text-inverse)!important}.zt-text-accent{color:var(--zungal-secondary)!important}.zt-text-brand{color:var(--zungal-brand-teal)!important}.zt-text-success{color:var(--zungal-success)!important}.zt-text-warning{color:var(--zungal-warning)!important}.zt-text-danger{color:var(--zungal-danger)!important}.zt-text-info{color:var(--zungal-info)!important}.zt-bg-success{background-color:var(--zungal-success)!important}.zt-bg-success-light{background-color:var(--zungal-success-light)!important}.zt-bg-warning{background-color:var(--zungal-warning)!important}.zt-bg-warning-light{background-color:var(--zungal-warning-light)!important}.zt-bg-danger{background-color:var(--zungal-danger)!important}.zt-bg-danger-light{background-color:var(--zungal-danger-light)!important}.zt-bg-info{background-color:var(--zungal-info)!important}.zt-bg-info-light{background-color:var(--zungal-info-light)!important}.zt-heading-3xl{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-3xl);color:var(--zungal-text);font-weight:900;line-height:1.2}.zt-heading-2xl{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-2xl);color:var(--zungal-text);font-weight:800;line-height:1.25}.zt-heading-xl{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-xl);color:var(--zungal-text);font-weight:800;line-height:1.3}.zt-heading-lg{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-lg);color:var(--zungal-text);font-weight:700;line-height:1.35}.zt-heading-md{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-md);color:var(--zungal-text);font-weight:700;line-height:1.4}.zt-heading-sm{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-sm);color:var(--zungal-text);font-weight:700;line-height:1.4}.zt-body{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-md);color:var(--zungal-text);font-weight:400;line-height:1.5}.zt-body-small{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-sm);color:var(--zungal-text-secondary);font-weight:400;line-height:1.4}.zt-caption{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-xs);color:var(--zungal-text-muted);font-weight:500;line-height:1.3}.zt-label{font-family:var(--zungal-font-family);font-size:var(--zungal-font-size-xs);letter-spacing:.8px;text-transform:uppercase;color:var(--zungal-text-muted);font-weight:800}.zt-font-medium{font-weight:500!important}.zt-font-semibold{font-weight:600!important}.zt-font-bold{font-weight:700!important}.zt-font-extrabold{font-weight:800!important}.zt-font-black{font-weight:900!important}.zt-text-truncated{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zt-text-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.zt-p-1{padding:var(--zungal-space-1)!important}.zt-p-2{padding:var(--zungal-space-2)!important}.zt-p-3{padding:var(--zungal-space-3)!important}.zt-p-4{padding:var(--zungal-space-4)!important}.zt-p-5{padding:var(--zungal-space-5)!important}.zt-p-6{padding:var(--zungal-space-6)!important}.zt-p-8{padding:var(--zungal-space-8)!important}.zt-p-10{padding:var(--zungal-space-10)!important}.zt-px-1{padding-left:var(--zungal-space-1)!important;padding-right:var(--zungal-space-1)!important}.zt-px-2{padding-left:var(--zungal-space-2)!important;padding-right:var(--zungal-space-2)!important}.zt-px-3{padding-left:var(--zungal-space-3)!important;padding-right:var(--zungal-space-3)!important}.zt-px-4{padding-left:var(--zungal-space-4)!important;padding-right:var(--zungal-space-4)!important}.zt-px-6{padding-left:var(--zungal-space-6)!important;padding-right:var(--zungal-space-6)!important}.zt-py-1{padding-top:var(--zungal-space-1)!important;padding-bottom:var(--zungal-space-1)!important}.zt-py-2{padding-top:var(--zungal-space-2)!important;padding-bottom:var(--zungal-space-2)!important}.zt-py-3{padding-top:var(--zungal-space-3)!important;padding-bottom:var(--zungal-space-3)!important}.zt-py-4{padding-top:var(--zungal-space-4)!important;padding-bottom:var(--zungal-space-4)!important}.zt-py-6{padding-top:var(--zungal-space-6)!important;padding-bottom:var(--zungal-space-6)!important}.zt-m-1{margin:var(--zungal-space-1)!important}.zt-m-2{margin:var(--zungal-space-2)!important}.zt-m-3{margin:var(--zungal-space-3)!important}.zt-m-4{margin:var(--zungal-space-4)!important}.zt-mb-1{margin-bottom:var(--zungal-space-1)!important}.zt-mb-2{margin-bottom:var(--zungal-space-2)!important}.zt-mb-3{margin-bottom:var(--zungal-space-3)!important}.zt-mb-4{margin-bottom:var(--zungal-space-4)!important}.zt-mb-6{margin-bottom:var(--zungal-space-6)!important}.zt-mt-1{margin-top:var(--zungal-space-1)!important}.zt-mt-2{margin-top:var(--zungal-space-2)!important}.zt-mt-3{margin-top:var(--zungal-space-3)!important}.zt-mt-4{margin-top:var(--zungal-space-4)!important}.zt-mt-6{margin-top:var(--zungal-space-6)!important}.zt-gap-1{gap:var(--zungal-space-1)!important}.zt-gap-2{gap:var(--zungal-space-2)!important}.zt-gap-3{gap:var(--zungal-space-3)!important}.zt-gap-4{gap:var(--zungal-space-4)!important}.zt-gap-6{gap:var(--zungal-space-6)!important}.zt-radius-xs{border-radius:var(--zungal-radius-xs)!important}.zt-radius-sm{border-radius:var(--zungal-radius-sm)!important}.zt-radius-md{border-radius:var(--zungal-radius-md)!important}.zt-radius-lg{border-radius:var(--zungal-radius-lg)!important}.zt-radius-xl{border-radius:var(--zungal-radius-xl)!important}.zt-radius-pill{border-radius:var(--zungal-radius-pill)!important}.zt-radius-circle{border-radius:50%!important}.zt-shadow-none{box-shadow:none!important}.zt-shadow-xs{box-shadow:var(--zungal-shadow-xs)!important}.zt-shadow-sm{box-shadow:var(--zungal-shadow-sm)!important}.zt-shadow-md{box-shadow:var(--zungal-shadow-md)!important}.zt-shadow-lg{box-shadow:var(--zungal-shadow-lg)!important}.zt-shadow-xl{box-shadow:var(--zungal-shadow-xl)!important}.zt-elevation-1{box-shadow:var(--zungal-elevation-1)!important}.zt-elevation-2{box-shadow:var(--zungal-elevation-2)!important}.zt-elevation-3{box-shadow:var(--zungal-elevation-3)!important}.zt-elevation-featured{box-shadow:var(--zungal-elevation-featured)!important}.zt-shadow-soft{box-shadow:var(--zungal-shadow-soft)!important}.zt-shadow-deep{box-shadow:var(--zungal-shadow-deep)!important}.zt-inner-shadow{box-shadow:var(--zungal-inner-shadow)!important}.zt-border{border:1px solid var(--zungal-border)!important}.zt-border-light{border:1px solid var(--zungal-border-light)!important}.zt-border-strong{border:1px solid var(--zungal-border-strong)!important}.zt-border-dark{border:1px solid var(--zungal-border-dark)!important}.zt-border-accent{border:1px solid var(--zungal-secondary)!important}.zt-border-none{border:none!important}.zt-border-top{border-top:1px solid var(--zungal-border)!important}.zt-border-bottom{border-bottom:1px solid var(--zungal-border)!important}.zt-border-left{border-left:1px solid var(--zungal-border)!important}.zt-border-right{border-right:1px solid var(--zungal-border)!important}.zt-surface{background:var(--zungal-surface);color:var(--zungal-text)}.zt-surface-raised{background:var(--zungal-surface-raised);box-shadow:var(--zungal-shadow-md)}.zt-surface-soft{background:var(--zungal-surface-soft);color:var(--zungal-text-secondary)}.zt-surface-highlight{background:var(--zungal-surface-green);border:1px solid var(--zungal-border)}.zt-raised{background:var(--zungal-surface);box-shadow:var(--zungal-elevation-2);border:1px solid var(--zungal-border);transition:transform var(--zungal-duration-fast) var(--zungal-ease-standard), box-shadow var(--zungal-duration-fast) var(--zungal-ease-standard)}.zt-raised:hover{box-shadow:var(--zungal-elevation-3);transform:translateY(-1px)}.zt-soft-raised{background:var(--zungal-surface-soft);box-shadow:var(--zungal-shadow-soft);border:1px solid var(--zungal-border-light)}.zt-pressed{box-shadow:var(--zungal-inner-shadow);transform:translateY(1px)}.zt-floating{box-shadow:var(--zungal-shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zt-glass{-webkit-backdrop-filter:blur(8px);border:1px solid var(--zungal-border);background:#ffffffe6}.zt-highlight{background:var(--zungal-surface-green);border:1px solid var(--zungal-border-strong)}.zungal-icon-tile{border-radius:var(--zungal-radius-lg);width:52px;height:52px;box-shadow:var(--zungal-shadow-sm);transition:all .18s var(--zungal-ease-standard);background:linear-gradient(145deg,#fff,#eaf4e8);border:1.5px solid #a8cbaa;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.zungal-icon-tile:hover{border-color:var(--zungal-green-700);box-shadow:var(--zungal-shadow-md);background:linear-gradient(145deg,#fff,#dceedc);transform:translateY(-1px)}.zungal-icon-tile:active,.zungal-icon-tile.active{background:var(--zungal-green-150);border:2px solid var(--zungal-green-700);transform:scale(.96)}.zungal-icon-tile.selected{background:var(--zungal-green-150);border:2px solid var(--zungal-green-700)}.zungal-icon-tile-inner{border-radius:var(--zungal-radius-md);background:#eaf4e899;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.zungal-avatar-ring{border:2px solid var(--zungal-green-700);width:52px;height:52px;box-shadow:var(--zungal-shadow-sm);transition:transform .18s var(--zungal-ease-standard);box-sizing:border-box;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2.5px;display:flex;position:relative}.zungal-avatar-ring:hover{border-color:var(--zungal-green-800);transform:scale(1.04)}.zungal-avatar-ring-inner{background:var(--zungal-green-100);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.zungal-badge-count{border-radius:var(--zungal-radius-pill);background:var(--zungal-green-700);color:#fff;z-index:2;border:1.5px solid #fff;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;font-weight:900;line-height:1;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 1px 4px #064d3240}.zungal-badge-count.muted{background:var(--zungal-green-300);color:var(--zungal-green-900)}html{box-sizing:border-box;max-width:100vw}*{box-sizing:border-box;font-family:var(--zungal-font-family);margin:0;padding:0}body{background:var(--zungal-bg);min-height:100vh;color:var(--zungal-text);-webkit-tap-highlight-color:transparent;box-sizing:border-box;width:100%;max-width:100vw;margin:0;padding:0}.app-container{max-width:var(--zungal-content-max-width);width:100%;min-height:100vh;background:var(--zungal-bg);box-sizing:border-box;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:clip visible;box-shadow:0 0 40px #17352a14}.top-bar{height:var(--top-bar-total-height,56px);border-bottom:1px solid var(--zungal-border);z-index:500;width:100%;max-width:var(--zungal-content-max-width);box-sizing:border-box;background:#fff;justify-content:space-between;align-items:center;margin:0 auto;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #075c3b0a;padding-top:calc(12px + var(--safe-area-top,0px))!important;padding-left:calc(16px + var(--safe-area-left,0px))!important;padding-right:calc(16px + var(--safe-area-right,0px))!important}.page-header-sticky,.sticky-sub-header,[data-sticky-header=true]{border-bottom:1px solid var(--zungal-border,#c8dcc9);box-sizing:border-box;background:#fff;width:100%;padding-bottom:12px;box-shadow:0 2px 8px #075c3b0a;z-index:500!important;padding-top:calc(12px + var(--safe-area-top,0px))!important;padding-left:calc(16px + var(--safe-area-left,0px))!important;padding-right:calc(16px + var(--safe-area-right,0px))!important;position:sticky!important;top:0!important}.app-container [style*="position: sticky"][style*="top: 0"],.app-container [style*=position\:sticky][style*=top\:0],.app-container [style*="position: sticky"][style*="top: 0px"],.app-container [style*=position\:sticky][style*=top\:0px]{padding-top:calc(12px + var(--safe-area-top,0px))!important;box-sizing:border-box!important}.app-screen{box-sizing:border-box;background:var(--zungal-bg);width:100%;min-width:0;max-width:100%;padding:12px 14px;padding-left:calc(14px + var(--safe-area-left,0px));padding-right:calc(14px + var(--safe-area-right,0px));flex-direction:column;flex:1;display:flex;padding-top:calc(var(--top-bar-total-height,56px) + 12px)!important;padding-bottom:calc(var(--bottom-nav-total-height,60px) + 24px)!important}.app-screen.no-padding{padding:0;padding-left:var(--safe-area-left,0px);padding-right:var(--safe-area-right,0px);flex-direction:column;flex:1;width:100%;height:100%;display:flex;padding-top:var(--top-bar-total-height,56px)!important;padding-bottom:calc(var(--bottom-nav-total-height,60px) + 24px)!important}.app-container>div[style*="minHeight: 100vh"],.app-container>div[style*="min-height: 100vh"],.app-container>div[style*="minHeight: 100%"],.app-container>div[style*="min-height: 100%"]{padding-bottom:calc(var(--bottom-nav-total-height,60px) + 32px)!important;box-sizing:border-box!important}.app-container.map-active{height:100vh!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.app-screen.map-mode{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}.app-screen.scan-mode{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.full-screen-overlay,.conversations-container{width:100%;max-width:var(--zungal-content-max-width);height:100vh;background:var(--zungal-editorial-canvas);z-index:500;box-sizing:border-box;flex-direction:column;height:100dvh;margin:0 auto;display:flex;position:fixed;top:0;bottom:0;left:50%;right:0;overflow:hidden;transform:translate(-50%)}@media (max-width:599px){.full-screen-overlay,.conversations-container{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important;transform:none!important}}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--zungal-duration-fast) ease;background:#0f172aa6;position:fixed;top:0;bottom:0;left:0;right:0}.drawer{width:100%;max-width:380px;height:100vh;background:var(--zungal-surface);z-index:2050;height:100dvh;animation:slideFromLeft var(--zungal-duration-normal) var(--zungal-ease-emphasized);flex-direction:column;padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:10px 0 30px #0003}@media (min-width:600px){.drawer{max-width:360px;left:calc(50vw - 300px)}}.modal-sheet{width:100%;max-width:var(--zungal-content-max-width);background:var(--zungal-surface);border-radius:var(--zungal-radius-xl) var(--zungal-radius-xl) 0 0;z-index:2050;max-height:85%;padding:20px 20px calc(24px + env(safe-area-inset-bottom,16px));animation:slideUp var(--zungal-duration-normal) var(--zungal-ease-emphasized);position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.zt-flex-center{justify-content:center;align-items:center;display:flex}.zt-flex-between{justify-content:space-between;align-items:center;display:flex}.zt-flex-col{flex-direction:column;display:flex}.zt-flex-row{flex-direction:row;align-items:center;display:flex}.zt-grid{display:grid}.zt-grid-2{gap:var(--zungal-space-3);grid-template-columns:repeat(2,1fr);display:grid}.zt-grid-3{gap:var(--zungal-space-3);grid-template-columns:repeat(3,1fr);display:grid}.zt-grid-auto-fit{gap:var(--zungal-space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.zt-grid-auto-fit{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.zt-grid-auto-fit{gap:var(--zungal-space-5);grid-template-columns:repeat(3,1fr)}}.directory-section-grid{grid-template-columns:repeat(5,1fr);gap:10px 8px;display:grid}@media (min-width:640px){.directory-section-grid{grid-template-columns:repeat(8,1fr);gap:12px 10px}}@media (min-width:1024px){.directory-section-grid{grid-template-columns:repeat(10,1fr);gap:16px 12px}}.voices-feed-posts-grid{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}@media (min-width:1024px){.voices-feed-posts-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;width:100%;display:grid}}.emergency-category-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (min-width:768px){.emergency-category-grid{grid-template-columns:repeat(6,1fr);gap:14px}}.deals-grid-responsive{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.deals-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.deals-grid-responsive{grid-template-columns:repeat(3,1fr);gap:18px}}.zt-card{background:var(--zungal-surface);border-radius:var(--zungal-radius-lg);box-shadow:var(--zungal-shadow-sm);border:1px solid var(--zungal-border);padding:var(--zungal-space-4);transition:transform var(--zungal-duration-fast) var(--zungal-ease-standard), box-shadow var(--zungal-duration-fast) var(--zungal-ease-standard), border-color var(--zungal-duration-fast) ease}.zt-card:hover{border-color:var(--zungal-border-strong)}.zt-card.active,.zt-card-active{border:2px solid var(--zungal-green-700);background:var(--zungal-surface-green)}.zt-card-important{background:var(--zungal-surface);border-radius:var(--zungal-radius-lg);box-shadow:var(--zungal-shadow-sm);padding:var(--zungal-space-4);border:1.5px solid #9fc5a5}.zt-card-raised{background:var(--zungal-surface-raised);border-radius:var(--zungal-radius-lg);box-shadow:var(--zungal-shadow-md);border:1px solid var(--zungal-border);padding:var(--zungal-space-4)}.zt-card-soft{background:var(--zungal-surface-soft);border-radius:var(--zungal-radius-md);border:1px solid var(--zungal-border);padding:var(--zungal-space-3)}.zt-card-featured{background:var(--zungal-surface);border-radius:var(--zungal-radius-xl);box-shadow:var(--zungal-elevation-featured);border:1.5px solid var(--zungal-green-700);padding:var(--zungal-space-5)}.zt-card-hero{background:linear-gradient(135deg, var(--zungal-green-900) 0%, var(--zungal-green-700) 100%);color:var(--zungal-text-inverse);border-radius:var(--zungal-radius-xl);box-shadow:var(--zungal-shadow-lg);padding:var(--zungal-space-6)}.zt-card-compact{background:var(--zungal-surface);border-radius:var(--zungal-radius-sm);box-shadow:var(--zungal-shadow-xs);border:1px solid var(--zungal-border);padding:var(--zungal-space-2)}.zt-card-list{background:var(--zungal-surface);border-radius:var(--zungal-radius-md);border-bottom:1px solid var(--zungal-border);padding:var(--zungal-space-3) var(--zungal-space-4)}.zt-card-glass{-webkit-backdrop-filter:blur(8px);border-radius:var(--zungal-radius-lg);border:1px solid var(--zungal-border);box-shadow:var(--zungal-shadow-md);background:#ffffffe6}.zt-button-primary,.btn-primary{width:100%;padding:12px var(--zungal-space-4);border-radius:var(--zungal-radius-md);background:var(--zungal-green-700);color:var(--zungal-text-inverse);font-weight:800;font-size:var(--zungal-font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--zungal-space-2);transition:background var(--zungal-duration-fast) ease, transform var(--zungal-duration-fast) ease;border:none;display:inline-flex}.zt-button-primary:hover,.btn-primary:hover{background:var(--zungal-green-800)}.zt-button-primary:active,.btn-primary:active{transform:scale(.98)}.zt-button-secondary{width:100%;padding:12px var(--zungal-space-4);border-radius:var(--zungal-radius-md);background:var(--zungal-green-100);color:var(--zungal-green-800);font-weight:800;font-size:var(--zungal-font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--zungal-space-2);transition:background var(--zungal-duration-fast) ease;border:1px solid #8fbc98;display:inline-flex}.zt-button-secondary:hover{background:var(--zungal-green-150)}.zt-button-outline{padding:10px var(--zungal-space-4);border-radius:var(--zungal-radius-md);color:var(--zungal-green-800);font-weight:700;font-size:var(--zungal-font-size-sm);border:1.5px solid var(--zungal-green-700);cursor:pointer;justify-content:center;align-items:center;gap:var(--zungal-space-2);transition:background var(--zungal-duration-fast) ease;background:0 0;display:inline-flex}.zt-button-outline:hover{background:var(--zungal-green-100)}.zt-button-ghost{padding:8px var(--zungal-space-3);border-radius:var(--zungal-radius-sm);color:var(--zungal-green-700);font-weight:700;font-size:var(--zungal-font-size-sm);cursor:pointer;transition:background var(--zungal-duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.zt-button-view-all{color:var(--zungal-green-800);border-radius:var(--zungal-radius-md);font-weight:800;font-size:var(--zungal-font-size-xs);cursor:pointer;background:#fff;border:1.5px solid #8fbc98;flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.zt-button-view-all:hover{background:var(--zungal-green-100);border-color:var(--zungal-green-700)}.zt-button-view-all:active{background:var(--zungal-green-150);border-color:var(--zungal-green-700);transform:scale(.96)}.zt-button-ghost:hover{background:var(--zungal-surface-soft);color:var(--zungal-text)}.zt-button-danger{padding:10px var(--zungal-space-4);border-radius:var(--zungal-radius-md);background:var(--zungal-danger);color:var(--zungal-text-inverse);font-weight:700;font-size:var(--zungal-font-size-sm);cursor:pointer;border:none}.zt-button-success{padding:10px var(--zungal-space-4);border-radius:var(--zungal-radius-md);background:var(--zungal-success);color:var(--zungal-text-inverse);font-weight:700;font-size:var(--zungal-font-size-sm);cursor:pointer;border:none}.zt-button-icon{border-radius:var(--zungal-radius-pill);background:var(--zungal-surface-soft);width:36px;height:36px;color:var(--zungal-text-secondary);cursor:pointer;transition:background var(--zungal-duration-fast) ease;border:none;justify-content:center;align-items:center;display:flex}.zt-button-icon:hover{background:var(--zungal-border);color:var(--zungal-text)}.zt-button-floating{border-radius:var(--zungal-radius-pill);background:var(--zungal-primary);color:var(--zungal-text-inverse);box-shadow:var(--zungal-shadow-lg);cursor:pointer;z-index:200;border:none;padding:14px 20px;font-weight:800;position:fixed;bottom:80px;right:20px}.zt-button-pill{border-radius:var(--zungal-radius-pill);font-size:var(--zungal-font-size-xs);cursor:pointer;border:none;padding:6px 14px;font-weight:700}.zt-button-nav{color:var(--zungal-text-muted);cursor:pointer;transition:color var(--zungal-duration-fast) ease;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;display:flex}.zt-input,.input-field{border-radius:var(--zungal-radius-md);border:1px solid var(--zungal-border);background:var(--zungal-surface);width:100%;font-size:var(--zungal-font-size-sm);color:var(--zungal-text-primary);transition:border-color var(--zungal-duration-fast) ease, box-shadow var(--zungal-duration-fast) ease;outline:none;margin-bottom:12px;padding:12px 14px}.zt-input:focus,.input-field:focus{border-color:var(--zungal-green-700);box-shadow:0 0 0 2px #087a4f26}.zt-search{border-radius:var(--zungal-radius-pill);border:1px solid var(--zungal-green-300);width:100%;font-size:var(--zungal-font-size-sm);color:var(--zungal-text-primary);transition:border-color var(--zungal-duration-fast) ease, box-shadow var(--zungal-duration-fast) ease;background:#fff;outline:none;padding:10px 14px 10px 38px}.zt-search:focus{background:var(--zungal-surface);border-color:var(--zungal-green-700);box-shadow:0 0 0 2px #087a4f26}.zt-select{border-radius:var(--zungal-radius-md);border:1px solid var(--zungal-border);background:var(--zungal-surface);width:100%;font-size:var(--zungal-font-size-sm);color:var(--zungal-text-primary);outline:none;padding:10px 14px}.zt-select:focus{border-color:var(--zungal-green-700);box-shadow:0 0 0 2px #087a4f26}.zt-textarea{border-radius:var(--zungal-radius-md);border:1px solid var(--zungal-border);background:var(--zungal-surface);width:100%;font-size:var(--zungal-font-size-sm);color:var(--zungal-text-primary);resize:vertical;outline:none;min-height:90px;padding:12px 14px}.zt-textarea:focus{border-color:var(--zungal-green-700);box-shadow:0 0 0 2px #087a4f26}.zt-filter{border-radius:var(--zungal-radius-pill);background:var(--zungal-surface-soft);border:1px solid var(--zungal-border);font-size:var(--zungal-font-size-xs);color:var(--zungal-text-secondary);cursor:pointer;transition:all var(--zungal-duration-fast) ease;padding:6px 12px;font-weight:600}.zt-filter:hover,.zt-filter.active{background:var(--zungal-green-100);border-color:var(--zungal-green-700);color:var(--zungal-green-800)}.zt-location-input{background:var(--zungal-green-100);border-radius:var(--zungal-radius-md);color:var(--zungal-green-800);border:1.5px solid #a8cbaa;align-items:center;gap:8px;padding:10px 14px;display:flex}.zt-badge{border-radius:var(--zungal-radius-pill);font-size:var(--zungal-font-size-xs);align-items:center;gap:4px;padding:3px 8px;font-weight:700;line-height:1.2;display:inline-flex}.zt-badge-verified{background:var(--zungal-green-100);color:var(--zungal-green-800);border:1px solid var(--zungal-green-300)}.zt-badge-official{background:var(--zungal-green-100);color:var(--zungal-green-800);border:1px solid #a8cbaa;font-weight:800}.zt-badge-official-strong{background:var(--zungal-green-700);color:#fff;border:none;font-weight:800}.zt-badge-new{color:#b45309;background:#fef3c7}.zt-badge-featured{background:linear-gradient(135deg, var(--zungal-green-800), var(--zungal-green-600));color:var(--zungal-text-inverse)}.zt-badge-hot{color:#b91c1c;background:#fee2e2}.zt-badge-limited{color:#c2410c;background:#ffedd5}.zt-badge-discount{background:var(--zungal-green-800);color:var(--zungal-text-inverse);font-weight:800}.zt-badge-expired{color:var(--zungal-text-muted);background:#f1f5f9}.zt-badge-distance{background:var(--zungal-surface-soft);color:var(--zungal-text-secondary);font-weight:600}.zt-badge-location{background:var(--zungal-green-100);color:var(--zungal-green-800);border:1px solid var(--zungal-border)}.zt-badge-category{background:var(--zungal-surface-soft);color:var(--zungal-text-secondary);border:1px solid var(--zungal-border)}.zt-badge-status{background:var(--zungal-green-100);color:var(--zungal-green-800);border:1px solid #a8cbaa}.zt-section{margin-bottom:var(--zungal-space-5)}.zt-section-header,.section-header{color:var(--zungal-green-800);letter-spacing:.6px;text-transform:uppercase;margin-bottom:var(--zungal-space-3);margin-top:var(--zungal-space-2);justify-content:space-between;align-items:center;font-size:13px;font-weight:900;display:flex}.zt-section-title{font-size:var(--zungal-font-size-md);color:var(--zungal-green-800);letter-spacing:.5px;align-items:center;gap:6px;margin:0;font-weight:900;display:flex}.zt-section-indicator{background:var(--zungal-green-700);border-radius:50%;width:6px;height:6px;display:inline-block}.zt-section-action{font-size:var(--zungal-font-size-xs);color:var(--zungal-green-800);cursor:pointer;border-radius:var(--zungal-radius-pill);transition:all var(--zungal-duration-fast) ease;background:#fff;border:1.5px solid #8fbc98;padding:4px 10px;font-weight:800;text-decoration:none}.zt-section-action:hover{background:var(--zungal-green-100);border-color:var(--zungal-green-700)}.bottom-nav{border-top:1px solid var(--zungal-border);background:#fff;justify-content:space-around;align-items:center;display:flex;box-shadow:0 -2px 12px #17352a1a;height:var(--bottom-nav-total-height,60px)!important;padding:0 6px!important;padding-bottom:var(--safe-area-bottom,0px)!important;padding-left:calc(6px + var(--safe-area-left,0px))!important;padding-right:calc(6px + var(--safe-area-right,0px))!important;z-index:1000!important;width:100%!important;max-width:var(--zungal-content-max-width)!important;box-sizing:border-box!important;margin:0 auto!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.nav-btn{color:var(--zungal-text-muted);cursor:pointer;transition:color var(--zungal-duration-fast) ease;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;display:flex}.nav-btn.active{color:var(--zungal-green-800);font-weight:800}.nav-btn span{font-size:var(--zungal-font-size-xs);margin-top:2px}.scan-nav-btn{background:var(--zungal-primary);width:48px;height:48px;color:var(--zungal-text-inverse);cursor:pointer;transition:transform var(--zungal-duration-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-18px;display:flex;box-shadow:0 6px 16px #0f172a4d}.scan-nav-btn:active{transform:scale(.92)}.circular-directory-wheel{touch-action:pan-y;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.circular-directory-wheel,.circular-deal-card{transition:none!important;animation:none!important}}.zt-hidden{display:none!important}.zt-block{display:block!important}.zt-inline-block{display:inline-block!important}.zt-flex{display:flex!important}.zt-w-full{width:100%!important}.zt-h-full{height:100%!important}.zt-text-center{text-align:center!important}.zt-text-left{text-align:left!important}.zt-text-right{text-align:right!important}.zt-cursor-pointer{cursor:pointer!important}.zt-overflow-hidden{overflow:hidden!important}.zt-overflow-auto{overflow:auto!important}.zt-relative{position:relative!important}.zt-absolute{position:absolute!important}.zt-z-10{z-index:10!important}.zt-z-50{z-index:50!important}.zt-z-100{z-index:100!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)translate(-50%)}to{transform:translateY(0)translate(-50%)}}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes civicProblemBlink{0%,to{opacity:1;box-shadow:0 0 #d9770673}50%{opacity:.82;box-shadow:0 0 0 6px #d9770600}}.civic-problem-blink{animation:1.15s ease-in-out infinite civicProblemBlink}.zt-animate-fade{animation:fadeIn var(--zungal-duration-fast) var(--zungal-ease-standard)}.zt-animate-slide-up{animation:slideUp var(--zungal-duration-normal) var(--zungal-ease-emphasized)}.zt-animate-spin{animation:1s linear infinite spin}.zt-animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.zt-transition{transition:all var(--zungal-duration-normal) var(--zungal-ease-standard)}.zt-transition-fast{transition:all var(--zungal-duration-fast) var(--zungal-ease-standard)}.app-container{min-height:100vh;min-height:100dvh}.top-bar{padding-top:calc(12px + var(--safe-area-top,0px))!important;padding-left:calc(16px + var(--safe-area-left,0px))!important;padding-right:calc(16px + var(--safe-area-right,0px))!important;height:var(--top-bar-total-height,56px)!important}.bottom-nav{width:100%!important;max-width:var(--zungal-content-max-width)!important;z-index:1000!important;padding-bottom:var(--safe-area-bottom,0px)!important;padding-left:calc(6px + var(--safe-area-left,0px))!important;padding-right:calc(6px + var(--safe-area-right,0px))!important;height:var(--bottom-nav-total-height,60px)!important;margin:0 auto!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.modal-sheet{padding-bottom:max(20px, calc(20px + var(--safe-area-bottom,0px)))!important}@media (min-width:640px) and (max-width:1023px){body{background:var(--color-background)}.app-container{max-width:720px;margin:0 auto;box-shadow:0 0 40px #00000014}.drawer{z-index:2050!important;max-width:360px!important;padding:0!important;left:calc(50vw - 360px)!important}}@media (min-width:1024px){body{background:linear-gradient(135deg, var(--color-background) 0%, var(--color-surface) 100%);min-height:100vh;margin:0;padding:0}.app-container{max-width:var(--zungal-content-max-width);background:var(--color-surface);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);width:100%;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #0000004d}.drawer{top:0!important;left:calc(50vw - (var(--zungal-content-max-width) / 2))!important;width:380px!important;max-width:380px!important;height:100vh!important;z-index:2050!important;height:100dvh!important;padding:0!important;position:fixed!important;box-shadow:10px 0 40px #00000040!important}.top-bar{max-width:var(--zungal-content-max-width);box-shadow:0 2px 10px #00000008;margin:0 auto!important;padding:14px 28px!important;left:0!important;right:0!important;transform:none!important}.bottom-nav{box-sizing:border-box;border-radius:16px 16px 0 0;padding:0 24px;box-shadow:0 -6px 20px #00000014;width:100%!important;max-width:var(--zungal-content-max-width)!important;margin:0 auto!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important}.full-screen-overlay,.conversations-container{width:100%!important;max-width:var(--zungal-content-max-width)!important;position:fixed!important;top:0!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}.modal-sheet{border-radius:var(--zungal-radius-xl);max-width:600px;box-shadow:0 20px 40px #00000040;bottom:50%!important;left:50%!important;transform:translate(-50%,50%)!important}.app-screen{padding:92px 32px 24px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}}:root,[data-theme=light]{--zungal-theme-mode:light}[data-theme=admin],[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--zungal-primary:#0f172a;--zungal-primary-dark:#020617;--zungal-primary-light:#1e293b;--zungal-secondary:#0d9488;--zungal-secondary-light:#115e59;--zungal-accent:#2dd4bf;--zungal-bg:#0f172a;--zungal-editorial-canvas:#0f172a;--zungal-surface:#1e293b;--zungal-surface-raised:#334155;--zungal-surface-soft:#1e293b;--zungal-surface-highlight:#134e4a;--zungal-text:#f8fafc;--zungal-text-secondary:#cbd5e1;--zungal-text-muted:#94a3b8;--zungal-text-light:#94a3b8;--zungal-text-inverse:#0f172a;--zungal-border:#334155;--zungal-border-light:#1e293b;--zungal-border-strong:#475569;--zungal-border-dark:#64748b;--zungal-shadow-md:0 4px 14px #0000004d;--zungal-shadow-lg:0 10px 30px #00000080}:root[data-theme=dark] [style*=background][style*="rgb(255, 255, 255)"],:root[data-theme=dark] [style*=background][style*="rgb(248, 250, 252)"],:root[data-theme=dark] [style*=background][style*="rgb(249, 250, 251)"],:root[data-theme=dark] [style*=background][style*="rgb(243, 244, 246)"],:root[data-theme=dark] [style*=background][style*="rgb(241, 245, 249)"]{background-color:var(--color-surface)!important}:root[data-theme=dark] [style*=background][style*="rgb(240, 253, 244)"],:root[data-theme=dark] [style*=background][style*="rgb(240, 253, 250)"],:root[data-theme=dark] [style*=background][style*="rgb(231, 243, 232)"],:root[data-theme=dark] [style*=background][style*="rgb(230, 255, 250)"],:root[data-theme=dark] [style*=background][style*="rgb(236, 253, 245)"],:root[data-theme=dark] [style*=background][style*="rgb(220, 252, 231)"]{background-color:var(--color-surface-highlight)!important;background-image:linear-gradient(135deg, var(--color-surface-highlight), var(--color-surface-soft))!important}:root[data-theme=dark] [style*=background][style*="rgb(254, 242, 242)"],:root[data-theme=dark] [style*=background][style*="rgb(254, 226, 226)"],:root[data-theme=dark] [style*=background][style*="rgb(255, 241, 242)"]{background-color:var(--color-danger-light)!important;background-image:none!important}:root[data-theme=dark] [style*=background][style*="rgb(254, 243, 199)"],:root[data-theme=dark] [style*=background][style*="rgb(255, 247, 237)"]{background-color:var(--color-warning-light)!important;background-image:none!important}:root[data-theme=dark] [style*=background][style*="rgb(224, 242, 254)"],:root[data-theme=dark] [style*=background][style*="rgb(239, 246, 255)"]{background-color:var(--color-info-light)!important;background-image:none!important}:root[data-theme=dark] [style*=background][style*="rgb(7, 92, 59)"],:root[data-theme=dark] [style*=background][style*="rgb(8, 122, 79)"],:root[data-theme=dark] [style*=background][style*="rgb(13, 148, 136)"],:root[data-theme=dark] [style*=background][style*="rgb(15, 118, 110)"]{background-color:var(--color-primary)!important;background-image:none!important}:root[data-theme=dark] [style*=color][style*="rgb(15, 23, 42)"],:root[data-theme=dark] [style*=color][style*="rgb(17, 24, 39)"],:root[data-theme=dark] [style*=color][style*="rgb(30, 41, 59)"]{color:var(--color-text)!important}:root[data-theme=dark] [style*=color][style*="rgb(51, 65, 85)"],:root[data-theme=dark] [style*=color][style*="rgb(55, 65, 81)"],:root[data-theme=dark] [style*=color][style*="rgb(71, 85, 105)"]{color:var(--color-text-secondary)!important}:root[data-theme=dark] [style*=color][style*="rgb(100, 116, 139)"],:root[data-theme=dark] [style*=color][style*="rgb(107, 114, 128)"],:root[data-theme=dark] [style*=color][style*="rgb(148, 163, 184)"],:root[data-theme=dark] [style*=color][style*="rgb(156, 163, 175)"]{color:var(--color-text-muted)!important}:root[data-theme=dark] [style*=color][style*="rgb(7, 92, 59)"],:root[data-theme=dark] [style*=color][style*="rgb(8, 122, 79)"],:root[data-theme=dark] [style*=color][style*="rgb(13, 148, 136)"]{color:var(--color-primary-light)!important}:root[data-theme=dark] [style*=color][style*="rgb(180, 83, 9)"],:root[data-theme=dark] [style*=color][style*="rgb(217, 119, 6)"]{color:var(--color-warning)!important}:root[data-theme=dark] [style*=color][style*="rgb(185, 28, 28)"],:root[data-theme=dark] [style*=color][style*="rgb(153, 27, 27)"],:root[data-theme=dark] [style*=color][style*="rgb(220, 38, 38)"]{color:var(--color-danger)!important}:root[data-theme=dark] [style*=border][style*="rgb(200, 220, 201)"],:root[data-theme=dark] [style*=border][style*="rgb(229, 231, 235)"],:root[data-theme=dark] [style*=border][style*="rgb(226, 232, 240)"],:root[data-theme=dark] [style*=border][style*="rgb(203, 213, 225)"],:root[data-theme=dark] [style*=border][style*="rgb(224, 239, 225)"],:root[data-theme=dark] [style*=border][style*="rgb(203, 228, 204)"],:root[data-theme=dark] [style*=border][style*="rgb(254, 202, 202)"],:root[data-theme=dark] [style*=border][style*="rgb(253, 230, 138)"]{border-color:var(--color-border)!important}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--color-text-muted)!important}