.notifications-page[data-v-4f6599be]{padding:24px 32px;background:#f9fafb;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-row[data-v-4f6599be]{margin-bottom:24px}.page-header[data-v-4f6599be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-title[data-v-4f6599be]{font-size:28px;font-weight:400;color:#1f2937;letter-spacing:-.01em;margin:0}.mark-all-btn[data-v-4f6599be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;color:#2563eb;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;-webkit-transition:background-color .2s;transition:background-color .2s}.mark-all-btn[data-v-4f6599be]:hover{background:#eff6ff}.check-icon[data-v-4f6599be]{font-size:18px!important;color:#2563eb}.loading-container[data-v-4f6599be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 24px;gap:16px}.loading-text[data-v-4f6599be]{font-size:14px;color:#6b7280}.empty-state[data-v-4f6599be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 24px;gap:12px}.empty-text[data-v-4f6599be]{font-size:14px;color:#9ca3af;margin:0}.notifications-list[data-v-4f6599be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.notification-item[data-v-4f6599be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;padding:20px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.notification-item[data-v-4f6599be]:hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);background:#fafbfc}.notification-icon-wrapper[data-v-4f6599be]{-ms-flex-negative:0;flex-shrink:0}.notification-icon[data-v-4f6599be]{width:48px;height:48px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s;transition:background-color .2s}.notification-icon.unread[data-v-4f6599be]{background:#2563eb}.notification-icon.unread .bell-icon[data-v-4f6599be]{color:#fff!important;font-size:24px!important}.notification-icon.read[data-v-4f6599be]{background:#fbbf24}.notification-icon.read .bell-icon[data-v-4f6599be]{color:#fff!important;font-size:24px!important}.notification-content[data-v-4f6599be]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.notification-title[data-v-4f6599be]{font-size:15px;font-weight:500;color:#1f2937;line-height:1.4}.notification-description[data-v-4f6599be]{font-size:14px;color:#6b7280;line-height:1.5}.notification-meta[data-v-4f6599be]{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.notification-time[data-v-4f6599be]{font-size:13px;color:#9ca3af;white-space:nowrap}.unread-dot[data-v-4f6599be]{width:8px;height:8px;border-radius:50%;background:#fbbf24;-ms-flex-negative:0;flex-shrink:0}@media (max-width:768px){.page-header[data-v-4f6599be]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.notification-item[data-v-4f6599be]{padding:16px}.notification-meta[data-v-4f6599be]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:4px}}