.notifications-page[data-v-5e5c750a]{padding:24px 32px;background:#f9fafb;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-row[data-v-5e5c750a]{margin-bottom:24px}.page-header[data-v-5e5c750a]{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-5e5c750a]{font-size:28px;font-weight:400;color:#1f2937;letter-spacing:-.01em;margin:0}.dialog-header[data-v-5e5c750a]{background:#fff;padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative}.dialog-title[data-v-5e5c750a]{font-size:25px;font-weight:400;color:#111827;letter-spacing:-.01em;line-height:1.3;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;text-align:left}.ticket-dialog[data-v-5e5c750a]{border-radius:8px;overflow:visible!important;width:700px!important;max-width:95vw!important}.ticket-details-card[data-v-5e5c750a]{border-radius:8px;-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:visible!important}.dialog-content[data-v-5e5c750a]{padding:20px 24px!important;background:#fff;overflow:visible!important;max-height:none!important}.detail-section[data-v-5e5c750a]{margin-bottom:16px}.detail-row-inline[data-v-5e5c750a]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;margin-bottom:16px}.detail-section-inline[data-v-5e5c750a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.detail-label[data-v-5e5c750a]{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.detail-value[data-v-5e5c750a]{font-size:14px;color:#111827;line-height:1.5;font-weight:400}.dialog-actions[data-v-5e5c750a]{background:#f9fafb!important;padding:12px 24px!important;gap:12px}.close-action-btn[data-v-5e5c750a]{color:#374151!important;font-weight:500;text-transform:uppercase;letter-spacing:0;font-size:14px;padding:0 20px!important;height:40px!important;border-radius:6px;border:1px solid #d1d5db}.close-action-btn[data-v-5e5c750a]:hover{background-color:#fff!important;border-color:#9ca3af}.mark-all-btn[data-v-5e5c750a]{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-5e5c750a]:hover{background:#eff6ff}.check-icon[data-v-5e5c750a]{font-size:18px!important;color:#2563eb}.search-wrapper[data-v-5e5c750a]{position:relative;margin-bottom:28px}.search-input[data-v-5e5c750a]{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-5e5c750a]:focus{border-color:#2563eb;border-width:2px}.search-input[data-v-5e5c750a]::-webkit-input-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-5e5c750a]::-moz-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-5e5c750a]:-ms-input-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-5e5c750a]::-ms-input-placeholder{color:#9ca3af;font-size:14px}.search-input[data-v-5e5c750a]::placeholder{color:#9ca3af;font-size:14px}.search-icon[data-v-5e5c750a]{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-5e5c750a]{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-5e5c750a]{font-size:14px;color:#6b7280}.empty-state[data-v-5e5c750a]{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-5e5c750a]{font-size:14px;color:#9ca3af;margin:0}.notifications-list[data-v-5e5c750a]{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-5e5c750a]{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-5e5c750a]: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-5e5c750a]{-ms-flex-negative:0;flex-shrink:0}.notification-icon[data-v-5e5c750a]{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-5e5c750a]{background:#2563eb}.notification-icon.unread .bell-icon[data-v-5e5c750a]{color:#fff!important;font-size:24px!important}.notification-icon.read[data-v-5e5c750a]{background:#fbbf24}.notification-icon.read .bell-icon[data-v-5e5c750a]{color:#fff!important;font-size:24px!important}.notification-content[data-v-5e5c750a]{-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-5e5c750a]{font-size:15px;font-weight:500;color:#1f2937;line-height:1.4}.notification-description[data-v-5e5c750a]{font-size:14px;color:#6b7280;line-height:1.5}.notification-ticket-id[data-v-5e5c750a]{font-size:15px;font-weight:500;color:#1f2937}.notification-meta[data-v-5e5c750a]{-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-5e5c750a]{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-5e5c750a]{font-size:13px;color:#9ca3af;white-space:nowrap}.unread-dot[data-v-5e5c750a]{width:8px;height:8px;border-radius:50%;background:#fbbf24;-ms-flex-negative:0;flex-shrink:0}.view-request-btn[data-v-5e5c750a]{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-5e5c750a]: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-5e5c750a]:active{background:#0d47a1}@media (max-width:768px){.page-header[data-v-5e5c750a]{-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-5e5c750a]{padding:16px}.notification-meta[data-v-5e5c750a]{-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}}