.notification-wrapper[data-v-d4413632]{position:relative}.notification-bell[data-v-d4413632]{align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.notification-bell[data-v-d4413632]:focus,.notification-bell[data-v-d4413632]:hover{background:var(--color-primary-lightest);outline:2px solid var(--color-primary);outline-offset:2px;transform:scale(1.1)}.bell-icon[data-v-d4413632]{font-size:1.5rem;transition:transform .3s ease}.notification-bell:hover .bell-icon[data-v-d4413632]{transform:rotate(15deg)}.notification-badge[data-v-d4413632]{align-items:center;animation:pulse-d4413632 2s ease-in-out infinite;background:var(--color-error);border-radius:9px;box-shadow:var(--shadow-sm);color:var(--color-white);display:flex;font-size:var(--font-size-2xs);font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:4px;top:4px}.has-notifications .bell-icon[data-v-d4413632]{animation:ring-d4413632 2s ease-in-out infinite}@keyframes pulse-d4413632{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ring-d4413632{0%,90%,to{transform:rotate(0)}92%{transform:rotate(15deg)}94%{transform:rotate(-15deg)}96%{transform:rotate(10deg)}98%{transform:rotate(-10deg)}}.notification-dropdown[data-v-d4413632]{animation:slideDown-d4413632 .2s ease;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-top:var(--spacing-sm);max-width:calc(100vw - var(--spacing-xl));overflow:hidden;position:absolute;right:0;top:100%;width:320px;z-index:1000}@keyframes slideDown-d4413632{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header[data-v-d4413632]{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.notification-header h3[data-v-d4413632]{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin:0}.notification-total[data-v-d4413632]{background:var(--color-primary);border-radius:10px;color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.notification-empty[data-v-d4413632],.notification-loading[data-v-d4413632]{color:#6b7280;padding:2rem;text-align:center}.notification-empty .empty-icon[data-v-d4413632]{color:#10b981;display:block;font-size:2rem;margin-bottom:.5rem}.notification-empty p[data-v-d4413632]{font-size:.95rem;margin:0}.notification-list[data-v-d4413632]{max-height:300px;overflow-y:auto}.notification-item[data-v-d4413632]{align-items:center;border-bottom:1px solid #f3f4f6;color:inherit;display:flex;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:background .2s ease}.notification-item[data-v-d4413632]:hover{background:#f9fafb}.notification-item[data-v-d4413632]:last-child{border-bottom:none}.notification-item .item-icon[data-v-d4413632]{flex-shrink:0;font-size:1.5rem}.notification-item .item-content[data-v-d4413632]{flex:1;min-width:0}.notification-item .item-title[data-v-d4413632]{color:#1f2937;display:block;font-size:.9rem;font-weight:600;margin-bottom:.125rem}.notification-item .item-count[data-v-d4413632]{color:#6b7280;display:block;font-size:.8rem}.notification-item .item-arrow[data-v-d4413632]{color:#9ca3af;flex-shrink:0;font-size:1rem}.notification-item.orders .item-icon[data-v-d4413632]{color:#f59e0b}.notification-item.stripe .item-icon[data-v-d4413632]{color:#6366f1}.notification-item.invitations .item-icon[data-v-d4413632]{color:#10b981}.notification-item.customer-orders .item-icon[data-v-d4413632]{color:#2d5016}.notification-footer[data-v-d4413632]{background:var(--color-primary-lightest);border-top:1px solid var(--color-border);color:var(--color-primary);display:block;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;text-decoration:none;transition:var(--transition-base)}.notification-footer[data-v-d4413632]:hover{background:var(--color-success-lighter)}@media(max-width:480px){.notification-dropdown[data-v-d4413632]{left:1rem;position:fixed;right:1rem;top:60px;width:auto}}@media(max-width:360px){.notification-bell[data-v-d4413632]{height:40px;width:40px}.bell-icon[data-v-d4413632]{font-size:1.3rem}.notification-badge[data-v-d4413632]{font-size:.65rem;height:16px;min-width:16px}}