.site-layout[data-v-6ba73b95]{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.site-header[data-v-6ba73b95]{background:var(--color-bg);border-bottom:1px solid var(--color-border);display:grid;position:sticky;top:0;z-index:100}.header-inner[data-v-6ba73b95]{align-items:center;display:grid;gap:var(--spacing-xs) var(--spacing-md);grid-template-columns:1fr auto;grid-template-rows:auto;padding:var(--spacing-sm) var(--spacing-md);position:relative}.header-logo[data-v-6ba73b95]{display:none;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em}.header-logo[data-v-6ba73b95],.header-logo[data-v-6ba73b95]:hover{color:var(--color-primary)}.header-logo-img[data-v-6ba73b95]{height:28px}.header-logo-img[data-v-6ba73b95],.header-tenant-logo-img[data-v-6ba73b95]{-o-object-fit:contain;object-fit:contain;width:auto}.header-tenant-logo-img[data-v-6ba73b95]{height:24px}.header-actions[data-v-6ba73b95],.header-center[data-v-6ba73b95]{display:none}.header-tenant-name[data-v-6ba73b95]{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:700;left:50%;letter-spacing:-.02em;pointer-events:auto;position:absolute;transform:translate(-50%);white-space:nowrap}.mobile-actions[data-v-6ba73b95]{align-items:center;display:grid;gap:var(--spacing-sm);grid-auto-flow:column;justify-self:end}.mobile-search-btn[data-v-6ba73b95]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:grid;line-height:1;padding:var(--spacing-xs);place-items:center}.mobile-search-btn[data-v-6ba73b95]:hover{color:var(--color-text)}.hamburger-btn[data-v-6ba73b95]{background:none;border:none;color:var(--color-text);cursor:pointer;display:grid;padding:var(--spacing-xs);place-items:center;position:relative}.hamburger-badge[data-v-6ba73b95]{background:#ef4444;border-radius:8px;color:#fff;display:grid;font-size:10px;font-weight:700;height:16px;line-height:1;min-width:16px;padding:0 3px;place-items:center;position:absolute;right:-4px;top:-2px}.mobile-search-overlay[data-v-6ba73b95]{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.search-overlay-enter-active[data-v-6ba73b95],.search-overlay-leave-active[data-v-6ba73b95]{max-height:60px;overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.search-overlay-enter-from[data-v-6ba73b95],.search-overlay-leave-to[data-v-6ba73b95]{max-height:0;opacity:0}.header-search[data-v-6ba73b95]{display:grid;grid-template-columns:1fr auto}.header-search-input[data-v-6ba73b95]{-webkit-appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:16px;min-width:0;padding:8px 12px}.header-search-input[data-v-6ba73b95]:focus{border-color:var(--color-primary);outline:none}.header-search-btn[data-v-6ba73b95]{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-inverse);cursor:pointer;display:grid;padding:8px 12px;place-items:center}.header-search-btn[data-v-6ba73b95]:hover{opacity:.9}.category-dropdown[data-v-6ba73b95]{position:relative}.category-dropdown-btn[data-v-6ba73b95]{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:grid;font-size:var(--font-size-sm);font-weight:500;gap:6px;grid-auto-flow:column;padding:8px 14px;white-space:nowrap}.category-dropdown-btn[data-v-6ba73b95]:hover{background:var(--color-bg-secondary)}.category-menu[data-v-6ba73b95]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;display:grid;left:0;min-width:200px;padding:var(--spacing-xs) 0;position:absolute;top:calc(100% + 4px);z-index:50}.category-menu-item[data-v-6ba73b95]{color:var(--color-text);display:block;font-size:var(--font-size-sm);padding:10px 16px;white-space:nowrap}.category-menu-item[data-v-6ba73b95]:hover{background:var(--color-bg-secondary);color:var(--color-text)}.category-overlay[data-v-6ba73b95]{inset:0;position:fixed;z-index:40}.dropdown-enter-active[data-v-6ba73b95],.dropdown-leave-active[data-v-6ba73b95]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-6ba73b95],.dropdown-leave-to[data-v-6ba73b95]{opacity:0;transform:translateY(-4px)}.mobile-menu[data-v-6ba73b95]{background:var(--color-bg);border-top:1px solid var(--color-border-light);display:grid;gap:0;overflow:hidden}.mobile-nav[data-v-6ba73b95]{display:grid}.mobile-nav-link[data-v-6ba73b95]{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-border-light);color:var(--color-text);cursor:pointer;display:grid;font-size:var(--font-size-base);grid-template-columns:1fr auto;padding:var(--spacing-md) var(--spacing-lg);text-align:left;width:100%}.mobile-nav-link[data-v-6ba73b95]:hover{background:var(--color-bg-secondary);color:var(--color-text)}.mobile-category-toggle[data-v-6ba73b95]{font-weight:500}.mobile-category-item[data-v-6ba73b95]{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding-left:var(--spacing-xl)}.toggle-icon[data-v-6ba73b95]{color:var(--color-text-tertiary);font-size:var(--font-size-lg);line-height:1}.mobile-notif-count[data-v-6ba73b95]{background:#ef4444;border-radius:10px;color:#fff;display:grid;font-size:var(--font-size-xs);font-weight:700;height:20px;min-width:20px;padding:0 6px;place-items:center}.mobile-auth[data-v-6ba73b95]{border-top:1px solid var(--color-border);display:grid}.mobile-logout-btn[data-v-6ba73b95]{background:none;border:none;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;display:block;font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);text-align:left;width:100%}.mobile-logout-btn[data-v-6ba73b95]:hover{background:var(--color-bg-secondary)}.mobile-signup-btn[data-v-6ba73b95]{background:var(--color-primary);color:var(--color-text-inverse);display:block;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);text-align:center;width:100%}.mobile-signup-btn[data-v-6ba73b95]:hover{color:var(--color-text-inverse);opacity:.9}.mobile-menu-enter-active[data-v-6ba73b95],.mobile-menu-leave-active[data-v-6ba73b95]{max-height:500px;transition:max-height .25s ease,opacity .2s ease}.mobile-menu-enter-from[data-v-6ba73b95],.mobile-menu-leave-to[data-v-6ba73b95]{max-height:0;opacity:0}.cart-link[data-v-6ba73b95]{font-size:var(--font-size-lg);line-height:1;position:relative}.cart-icon[data-v-6ba73b95]{font-size:20px}.cart-badge[data-v-6ba73b95]{background:var(--color-primary);border-radius:9px;color:var(--color-text-inverse);display:grid;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:0 4px;place-items:center;position:absolute;right:-10px;top:-6px}.nav-link[data-v-6ba73b95]{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.nav-link[data-v-6ba73b95]:hover{color:var(--color-text)}.login-link[data-v-6ba73b95]{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.login-link[data-v-6ba73b95]:hover{color:var(--color-text)}.signup-link[data-v-6ba73b95]{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:500;padding:6px 16px}.signup-link[data-v-6ba73b95]:hover{background:var(--color-primary-light);color:var(--color-text-inverse)}.logout-btn[data-v-6ba73b95]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:0}.logout-btn[data-v-6ba73b95]:hover{color:var(--color-text)}.notif-bell-btn[data-v-6ba73b95]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:grid;line-height:1;padding:4px;place-items:center;position:relative}.notif-bell-btn[data-v-6ba73b95]:hover{color:var(--color-text)}.bell-svg[data-v-6ba73b95]{display:block}.notif-badge[data-v-6ba73b95]{background:#ef4444;border-radius:8px;color:#fff;display:grid;font-size:10px;font-weight:700;height:16px;line-height:1;min-width:16px;padding:0 3px;place-items:center;position:absolute;right:-6px;top:-4px}.notif-overlay[data-v-6ba73b95]{background:#0000004d;inset:0;position:fixed;z-index:200}.notif-panel[data-v-6ba73b95]{background:var(--color-bg);bottom:0;box-shadow:-4px 0 24px #0000001f;display:grid;grid-template-rows:auto 1fr auto;max-width:380px;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:201}.notif-panel-header[data-v-6ba73b95]{align-items:center;border-bottom:1px solid var(--color-border-light);display:grid;grid-template-columns:1fr auto;padding:var(--spacing-md) var(--spacing-lg)}.notif-panel-header-actions[data-v-6ba73b95]{align-items:center;display:grid;gap:var(--spacing-sm);grid-auto-flow:column}.notif-read-all-btn[data-v-6ba73b95]{background:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;padding:4px 10px;white-space:nowrap}.notif-read-all-btn[data-v-6ba73b95]:hover{background:var(--color-primary);color:var(--color-text-inverse)}.notif-panel-title[data-v-6ba73b95]{font-size:var(--font-size-lg);font-weight:700}.notif-panel-close[data-v-6ba73b95]{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:grid;padding:4px;place-items:center}.notif-panel-close[data-v-6ba73b95]:hover{background:var(--color-bg-secondary);color:var(--color-text)}.notif-panel-empty[data-v-6ba73b95]{color:var(--color-text-tertiary);display:grid;font-size:var(--font-size-sm);padding:var(--spacing-3xl) var(--spacing-lg);place-items:center}.notif-panel-list[data-v-6ba73b95]{align-content:start;display:grid;overflow-y:auto}.notif-panel-item[data-v-6ba73b95]{background:#fefce8;border-bottom:1px solid var(--color-border-light);display:grid;grid-template-rows:1fr auto;width:100%}.notif-panel-item[data-v-6ba73b95]:hover{background:#fef9c3}.notif-panel-item-main[data-v-6ba73b95]{background:none;border:none;cursor:pointer;display:grid;font-family:inherit;gap:6px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);text-align:left;width:100%}.notif-panel-item-actions[data-v-6ba73b95]{display:grid;grid-auto-flow:column;justify-content:end;padding:0 var(--spacing-lg) var(--spacing-sm)}.notif-mark-read-btn[data-v-6ba73b95]{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:grid;font-size:11px;font-weight:500;gap:4px;grid-auto-flow:column;padding:2px 6px}.notif-mark-read-btn[data-v-6ba73b95]:hover{background:#0000000a;color:var(--color-primary)}.notif-panel-item-header[data-v-6ba73b95]{align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:auto 1fr}.notif-scope-badge[data-v-6ba73b95]{border-radius:4px;font-size:10px;font-weight:600;line-height:1.2;padding:2px 6px}.notif-scope-badge.global[data-v-6ba73b95]{background:#dbeafe;color:#1d4ed8}.notif-scope-badge.individual[data-v-6ba73b95]{background:#fce7f3;color:#be185d}.notif-scope-badge.multiple[data-v-6ba73b95]{background:#f0fdf4;color:#15803d}.notif-panel-time[data-v-6ba73b95]{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:right}.notif-panel-item-title[data-v-6ba73b95]{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}.notif-panel-item-body[data-v-6ba73b95]{color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-xs);-webkit-line-clamp:3;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden}.notif-panel-footer[data-v-6ba73b95]{border-top:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.notif-view-all[data-v-6ba73b95]{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.notif-view-all[data-v-6ba73b95]:hover{text-decoration:underline}.overlay-enter-active[data-v-6ba73b95],.overlay-leave-active[data-v-6ba73b95]{transition:opacity .2s ease}.overlay-enter-from[data-v-6ba73b95],.overlay-leave-to[data-v-6ba73b95]{opacity:0}.panel-enter-active[data-v-6ba73b95],.panel-leave-active[data-v-6ba73b95]{transition:transform .25s ease}.panel-enter-from[data-v-6ba73b95],.panel-leave-to[data-v-6ba73b95]{transform:translate(100%)}.site-main[data-v-6ba73b95]{width:100%}.site-footer[data-v-6ba73b95]{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-md)}.footer-inner[data-v-6ba73b95]{display:grid;gap:var(--spacing-md);margin:0 auto;max-width:var(--content-max-width);text-align:center}.footer-links[data-v-6ba73b95]{display:grid;gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:repeat(2,1fr);justify-items:center}.footer-links a[data-v-6ba73b95]{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-links a[data-v-6ba73b95]:hover{color:var(--color-text)}.footer-copy[data-v-6ba73b95]{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}@media(min-width:768px){.site-layout[data-v-6ba73b95]{grid-template-rows:var(--header-height) 1fr auto;min-height:100vh}.site-header[data-v-6ba73b95]{align-items:center}.header-inner[data-v-6ba73b95]{gap:var(--spacing-lg);grid-template-columns:auto 1fr auto;grid-template-rows:auto;margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-lg);width:100%}.header-tenant-name[data-v-6ba73b95],.mobile-actions[data-v-6ba73b95],.mobile-menu[data-v-6ba73b95],.mobile-search-overlay[data-v-6ba73b95]{display:none!important}.header-logo[data-v-6ba73b95]{display:block}.header-center[data-v-6ba73b95]{align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:auto 1fr}.header-search[data-v-6ba73b95]{max-width:400px}.header-actions[data-v-6ba73b95]{align-items:center;display:grid;gap:var(--spacing-md);grid-auto-flow:column}.site-footer[data-v-6ba73b95]{padding:var(--spacing-xl) var(--spacing-lg)}.footer-links[data-v-6ba73b95]{gap:var(--spacing-lg);grid-auto-flow:column;grid-template-columns:none;justify-content:center}}.logout-overlay[data-v-6ba73b95]{background:#fffc;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.logout-spinner[data-v-6ba73b95]{animation:logout-spin-6ba73b95 .7s linear infinite;border:3px solid var(--color-border-light,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#3b82f6);height:36px;width:36px}@keyframes logout-spin-6ba73b95{to{transform:rotate(1turn)}}.nav-loading-enter-active[data-v-6ba73b95]{transition:opacity .1s ease}.nav-loading-leave-active[data-v-6ba73b95]{transition:opacity .2s ease}.nav-loading-enter-from[data-v-6ba73b95],.nav-loading-leave-to[data-v-6ba73b95]{opacity:0}