.notifications-page[data-v-580eaff7]{padding:24px 32px;background:#f9fafb;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-row[data-v-580eaff7]{margin-bottom:24px}.page-header[data-v-580eaff7]{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-580eaff7]{font-size:28px;font-weight:400;color:#1f2937;letter-spacing:-.01em;margin:0}.mark-all-btn[data-v-580eaff7]{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-580eaff7]:hover{background:#eff6ff}.check-icon[data-v-580eaff7]{font-size:18px!important;color:#2563eb}.search-wrapper[data-v-580eaff7]{position:relative;margin-bottom:28px}.search-input[data-v-580eaff7]{width:100%;padding:10px 16px 10px 45px;font-size:14px;border:1px solid #d1d5db;border-radius:10px;outline:none;-webkit-transition:border-color .2s;transition:border-color .2s;background:#fff;color:#1f2937;min-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box}.search-input[data-v-580eaff7]:focus{border-color:#2563eb;border-width:2px}.search-input[data-v-580eaff7]::-webkit-input-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-580eaff7]::-moz-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-580eaff7]:-ms-input-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-580eaff7]::-ms-input-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-580eaff7]::placeholder{color:#9ca3af;font-size:14px}.search-icon[data-v-580eaff7]{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#9ca3af;pointer-events:none;width:18px;height:18px}.loading-container[data-v-580eaff7]{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-580eaff7]{font-size:14px;color:#6b7280}.empty-state[data-v-580eaff7]{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-580eaff7]{font-size:14px;color:#9ca3af;margin:0}.notifications-list[data-v-580eaff7]{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-580eaff7]{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-580eaff7]: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-580eaff7]{-ms-flex-negative:0;flex-shrink:0}.notification-icon[data-v-580eaff7]{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-580eaff7]{background:#2563eb}.notification-icon.unread .bell-icon[data-v-580eaff7]{color:#fff!important;font-size:24px!important}.notification-icon.read[data-v-580eaff7]{background:#fbbf24}.notification-icon.read .bell-icon[data-v-580eaff7]{color:#fff!important;font-size:24px!important}.notification-content[data-v-580eaff7]{-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-580eaff7]{font-size:15px;font-weight:500;color:#1f2937;line-height:1.4}.notification-description[data-v-580eaff7]{font-size:14px;color:#6b7280;line-height:1.5}.notification-meta[data-v-580eaff7]{-ms-flex-negative:0;flex-shrink:0;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:end;-ms-flex-align:end;align-items:flex-end;gap:6px}.notification-time-row[data-v-580eaff7]{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-580eaff7]{font-size:13px;color:#9ca3af;white-space:nowrap}.unread-dot[data-v-580eaff7]{width:8px;height:8px;border-radius:50%;background:#fbbf24;-ms-flex-negative:0;flex-shrink:0}.view-request-btn[data-v-580eaff7]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:6px;padding:5px 12px;background:#1976d2;color:#fff;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;-webkit-transition:background-color .2s,-webkit-box-shadow .2s;transition:background-color .2s,-webkit-box-shadow .2s;transition:background-color .2s,box-shadow .2s;transition:background-color .2s,box-shadow .2s,-webkit-box-shadow .2s;letter-spacing:.01em}.view-request-btn[data-v-580eaff7]:hover{background:#1565c0;-webkit-box-shadow:0 2px 6px rgba(25,118,210,.3);box-shadow:0 2px 6px rgba(25,118,210,.3)}.view-request-btn[data-v-580eaff7]:active{background:#0d47a1}@media (max-width:768px){.page-header[data-v-580eaff7]{-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-580eaff7]{padding:16px}.notification-meta[data-v-580eaff7]{-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}}