.admin-read-status.svelte-5kb19h{height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden;padding:20px}.header.svelte-5kb19h{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.title.svelte-5kb19h{font-size:20px;font-weight:600;color:#111827;margin:0}.refresh-btn.svelte-5kb19h{background:#6b7280;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.refresh-btn.svelte-5kb19h:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.refresh-btn.svelte-5kb19h:disabled{opacity:.6;cursor:not-allowed}.error-banner.svelte-5kb19h{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:20px}.retry-btn.svelte-5kb19h{background:#dc2626;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;margin-left:auto}.loading-state.svelte-5kb19h{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b7280}.loading-spinner.svelte-5kb19h{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:svelte-5kb19h-spin 1s linear infinite;margin-bottom:16px}@keyframes svelte-5kb19h-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls.svelte-5kb19h{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px}.view-toggle.svelte-5kb19h{display:flex;gap:4px;background:#fff;border-radius:6px;padding:4px;border:1px solid #e5e7eb}.toggle-btn.svelte-5kb19h{background:none;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.toggle-btn.active.svelte-5kb19h{background:#3b82f6;color:#fff}.toggle-btn.svelte-5kb19h:not(.active):hover{background:#f3f4f6;color:#374151}.filters.svelte-5kb19h{display:flex;gap:12px;align-items:center}.filter-select.svelte-5kb19h{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;min-width:150px}.search-input.svelte-5kb19h{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#374151;min-width:200px}.content.svelte-5kb19h{flex:1;overflow-y:auto;padding-right:8px}.notification-groups.svelte-5kb19h,.user-groups.svelte-5kb19h{display:flex;flex-direction:column;gap:16px}.notification-group.svelte-5kb19h,.user-group.svelte-5kb19h{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.notification-header.svelte-5kb19h,.user-header.svelte-5kb19h{padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.notification-info.svelte-5kb19h,.user-info.svelte-5kb19h{display:flex;align-items:center;gap:12px}.notification-icon.svelte-5kb19h,.user-icon.svelte-5kb19h{font-size:20px}.notification-title.svelte-5kb19h,.user-name.svelte-5kb19h{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.notification-meta.svelte-5kb19h,.user-meta.svelte-5kb19h{font-size:12px;color:#6b7280;margin:0}.read-stats.svelte-5kb19h{display:flex;gap:20px;align-items:center}.stat.svelte-5kb19h{text-align:center}.stat-number.svelte-5kb19h{display:block;font-size:18px;font-weight:700}.stat-label.svelte-5kb19h{display:block;font-size:12px;color:#6b7280;font-weight:500}.text-green-600.svelte-5kb19h{color:#10b981}.text-yellow-600.svelte-5kb19h{color:#f59e0b}.text-red-600.svelte-5kb19h{color:#ef4444}.read-details.svelte-5kb19h{padding:16px}.details-title.svelte-5kb19h{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.read-list.svelte-5kb19h{display:flex;flex-direction:column;gap:8px}.read-item.svelte-5kb19h{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:4px;font-size:14px}.notification-item.svelte-5kb19h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:6px;font-size:14px;border-left:4px solid}.notification-item.read.svelte-5kb19h{background:#f0f9ff;border-left-color:#22c55e}.notification-item.unread.svelte-5kb19h{background:#fef3f2;border-left-color:#ef4444}.notification-content.svelte-5kb19h{display:flex;flex-direction:column;gap:4px;flex:1}.notification-type.svelte-5kb19h{font-size:12px;color:#6b7280;text-transform:capitalize}.notification-status.svelte-5kb19h{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.status-badge.svelte-5kb19h{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.read.svelte-5kb19h{background:#dcfce7;color:#166534}.status-badge.unread.svelte-5kb19h{background:#fecaca;color:#991b1b}.created-time.svelte-5kb19h{font-size:11px;color:#6b7280}.user-id.svelte-5kb19h,.notification-title.svelte-5kb19h{font-weight:500;color:#374151}.read-time.svelte-5kb19h{font-size:12px;color:#6b7280}.empty-state.svelte-5kb19h{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:#6b7280}.empty-icon.svelte-5kb19h{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state.svelte-5kb19h h3:where(.svelte-5kb19h){font-size:18px;font-weight:600;margin:0 0 8px;color:#374151}.empty-state.svelte-5kb19h p:where(.svelte-5kb19h){font-size:14px;margin:0;max-width:300px}.content.svelte-5kb19h::-webkit-scrollbar{width:6px}.content.svelte-5kb19h::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.content.svelte-5kb19h::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.content.svelte-5kb19h::-webkit-scrollbar-thumb:hover{background:#94a3b8}