.notification-center-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notification-center{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.notification-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex}.notification-header h3{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.unread-badge{color:#fff;text-align:center;background:#ef4444;border-radius:50%;min-width:20px;padding:4px 8px;font-size:.75rem;font-weight:600}.close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.5rem;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.notification-list{flex:1;padding:0;overflow-y:auto}.loading-state,.empty-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notification-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:12px;padding:16px 20px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:#f9fafb}.notification-item.unread{background-color:#eff6ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background-color:#dbeafe}.notification-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.notification-content{flex:1;min-width:0}.notification-title{color:#111827;margin:0 0 4px;font-size:.95rem;font-weight:600;line-height:1.3}.notification-message{color:#4b5563;margin:0 0 8px;font-size:.875rem;line-height:1.4}.notification-time{color:#9ca3af;font-size:.75rem}.unread-indicator{background-color:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.mark-all-read-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s}.mark-all-read-button:hover{background:#2563eb}.mark-all-read-button:disabled{cursor:not-allowed;background:#d1d5db}@media (width<=640px){.notification-center{width:95%;max-height:90vh;margin:20px}.notification-header{padding:16px}.notification-item,.notification-footer{padding:12px 16px}}@media (prefers-color-scheme:dark){.notification-center{color:#f9fafb;background:#1f2937}.notification-header{background:#111827;border-bottom-color:#374151}.notification-header h3{color:#f9fafb}.close-button{color:#d1d5db}.close-button:hover{background-color:#374151}.notification-item{border-bottom-color:#374151}.notification-item:hover{background-color:#374151}.notification-item.unread{background-color:#1e3a8a;border-left-color:#60a5fa}.notification-item.unread:hover{background-color:#1e40af}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-time{color:#9ca3af}.notification-footer{background:#111827;border-top-color:#374151}.loading-state,.empty-state{color:#9ca3af}}.notification-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notification-button:hover{color:#374151;background-color:#f3f4f6}.notification-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.notification-icon{stroke-width:2px;width:24px;height:24px}.notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1;animation:2s infinite pulse;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0000001a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-button.small{padding:6px}.notification-button.small .notification-icon{width:20px;height:20px}.notification-button.small .notification-badge{min-width:16px;height:16px;padding:1px 4px;font-size:.625rem;top:1px;right:1px}.notification-button.large{padding:12px}.notification-button.large .notification-icon{width:28px;height:28px}.notification-button.large .notification-badge{min-width:20px;height:20px;padding:2px 8px;font-size:.875rem;top:4px;right:4px}.notification-button.primary{color:#3b82f6}.notification-button.primary:hover{color:#2563eb;background-color:#eff6ff}.notification-button.secondary{color:#6b7280}.notification-button.secondary:hover{color:#374151;background-color:#f9fafb}@media (prefers-color-scheme:dark){.notification-button{color:#d1d5db}.notification-button:hover{color:#f9fafb;background-color:#374151}.notification-button.primary{color:#60a5fa}.notification-button.primary:hover{color:#93c5fd;background-color:#1e3a8a}.notification-button.secondary{color:#9ca3af}.notification-button.secondary:hover{color:#d1d5db;background-color:#374151}.notification-badge{border-color:#1f2937}}.notification-button:disabled{opacity:.5;cursor:not-allowed}.notification-button:disabled:hover{background:0 0}@media (width<=640px){.notification-button{padding:10px}.notification-icon{width:22px;height:22px}.notification-badge{top:3px;right:3px}}.push-notification-prompt-overlay{z-index:1000;backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.push-notification-prompt{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.push-notification-prompt__header{text-align:center;border-bottom:1px solid #f0f0f0;padding:32px 32px 16px}.push-notification-prompt__icon{margin-bottom:16px;font-size:48px;display:block}.push-notification-prompt__title{color:#1a1a1a;margin:0;font-size:24px;font-weight:600;line-height:1.3}.push-notification-prompt__content{padding:24px 32px}.push-notification-prompt__description{color:#666;margin:0 0 16px;font-size:16px;line-height:1.5}.push-notification-prompt__features{margin:0 0 20px;padding:0;list-style:none}.push-notification-prompt__features li{color:#444;align-items:center;gap:8px;padding:8px 0;font-size:15px;display:flex}.push-notification-prompt__note{color:#888;background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;margin:0;padding:16px;font-size:14px;font-style:italic}.push-notification-prompt__error{color:#c53030;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;align-items:center;gap:8px;margin:16px 32px 0;padding:12px 16px;font-size:14px;display:flex}.push-notification-prompt__actions{flex-wrap:wrap;gap:12px;padding:24px 32px 32px;display:flex}.push-notification-prompt__button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.push-notification-prompt__button:disabled{opacity:.6;cursor:not-allowed}.push-notification-prompt__button--primary{color:#fff;background-color:#007bff}.push-notification-prompt__button--primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.push-notification-prompt__button--secondary{color:#6c757d;background-color:#f8f9fa;border:1px solid #dee2e6}.push-notification-prompt__button--secondary:hover:not(:disabled){color:#495057;background-color:#e9ecef}.push-notification-prompt__button--deny{color:#fff;background-color:#dc3545}.push-notification-prompt__button--deny:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.push-notification-prompt__spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (width<=640px){.push-notification-prompt-overlay{padding:16px}.push-notification-prompt{border-radius:12px}.push-notification-prompt__header{padding:24px 24px 16px}.push-notification-prompt__icon{margin-bottom:12px;font-size:40px}.push-notification-prompt__title{font-size:20px}.push-notification-prompt__content{padding:20px 24px}.push-notification-prompt__actions{flex-direction:column;padding:20px 24px 24px}.push-notification-prompt__button{flex:none;width:100%}}@media (width<=480px){.push-notification-prompt__header{padding:20px 20px 12px}.push-notification-prompt__content{padding:16px 20px}.push-notification-prompt__actions{padding:16px 20px 20px}.push-notification-prompt__features li{font-size:14px}}@media (prefers-color-scheme:dark){.push-notification-prompt{color:#fff;background:#1a1a1a}.push-notification-prompt__header{border-bottom-color:#333}.push-notification-prompt__title{color:#fff}.push-notification-prompt__description{color:#ccc}.push-notification-prompt__features li{color:#ddd}.push-notification-prompt__note{color:#ccc;background-color:#2a2a2a;border-left-color:#007bff}.push-notification-prompt__button--secondary{color:#ccc;background-color:#2a2a2a;border-color:#444}.push-notification-prompt__button--secondary:hover:not(:disabled){color:#fff;background-color:#333}}@media (prefers-contrast:high){.push-notification-prompt{border:2px solid #000}.push-notification-prompt__button{border:2px solid}}@media (prefers-reduced-motion:reduce){.push-notification-prompt{animation:none}.push-notification-prompt__button{transition:none}.push-notification-prompt__button:hover:not(:disabled){transform:none}.push-notification-prompt__spinner{animation:none}}
/*# sourceMappingURL=housezen.03d34e9c.css.map */