.notifications-page[data-v-be5661a6]{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);padding:20px}.notifications-container[data-v-be5661a6]{max-width:1400px;margin:0 auto}.notifications-header[data-v-be5661a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-top:50px;flex-wrap:wrap;gap:20px}.header-left[data-v-be5661a6]{display:flex;align-items:center;gap:15px}.notifications-header h1[data-v-be5661a6]{margin:0;background:linear-gradient(135deg,#0ff,#0c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:700}.unread-count[data-v-be5661a6]{background:rgba(0,255,255,.2);color:#0ff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.notifications-main[data-v-be5661a6]{display:grid;grid-template-columns:1fr 350px;gap:20px;width:100%;height:600px}.notifications-list-container[data-v-be5661a6]{background:rgba(15,52,96,.6);border:1px solid rgba(0,255,255,.2);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.list-actions[data-v-be5661a6]{padding:15px;border-bottom:1px solid rgba(0,255,255,.1);display:flex;gap:10px;flex-wrap:wrap}.search-box[data-v-be5661a6]{flex:1;display:flex;align-items:center;background:rgba(10,14,39,.6);border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:8px 12px;min-width:200px}.search-box i[data-v-be5661a6]{color:#7b9fb8;margin-right:8px}.search-box input[data-v-be5661a6]{border:none;background:transparent;color:#e0e0e0;outline:none;flex:1;font-size:14px}.search-box input[data-v-be5661a6]::-moz-placeholder{color:#7b9fb8}.search-box input[data-v-be5661a6]::placeholder{color:#7b9fb8}.notifications-list[data-v-be5661a6]{flex:1;overflow-y:auto;overflow-x:hidden}.notification-item[data-v-be5661a6]{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(0,255,255,.1);cursor:pointer;transition:all .3s ease;background:transparent}.notification-item[data-v-be5661a6]:hover{background:rgba(0,255,255,.05)}.notification-item.unread[data-v-be5661a6]{background:rgba(0,255,255,.08);border-left:3px solid #0ff}.notification-item.selected[data-v-be5661a6]{background:rgba(0,255,255,.15)}.notification-checkbox[data-v-be5661a6]{margin-right:12px;flex-shrink:0}.notification-content[data-v-be5661a6]{flex:1;min-width:0}.notification-header-row[data-v-be5661a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.notification-sender[data-v-be5661a6]{display:flex;align-items:center;gap:8px;font-weight:600;color:#e0e0e0}.notification-sender i[data-v-be5661a6]{font-size:14px}.notification-time[data-v-be5661a6]{font-size:12px;color:#7b9fb8;white-space:nowrap;margin-left:10px}.notification-preview[data-v-be5661a6]{font-size:13px;color:silver;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.notification-tags[data-v-be5661a6]{display:flex;gap:6px}.tag[data-v-be5661a6]{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.notification-actions[data-v-be5661a6]{display:flex;gap:4px;margin-left:10px;flex-shrink:0;opacity:0;transition:opacity .3s ease}.notification-item:hover .notification-actions[data-v-be5661a6]{opacity:1}.notification-actions button.starred[data-v-be5661a6]{color:#faad14}.notification-detail-container[data-v-be5661a6]{background:rgba(15,52,96,.6);border:1px solid rgba(0,255,255,.2);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.detail-header[data-v-be5661a6]{padding:15px;border-bottom:1px solid rgba(0,255,255,.1);display:flex;align-items:center;gap:10px}.detail-title[data-v-be5661a6]{flex:1}.detail-title h2[data-v-be5661a6]{margin:0;color:#e0e0e0;font-size:18px}.detail-time[data-v-be5661a6]{font-size:12px;color:#7b9fb8}.detail-content[data-v-be5661a6]{flex:1;padding:15px;overflow-y:auto}.detail-info[data-v-be5661a6]{margin-bottom:15px}.info-row[data-v-be5661a6]{display:flex;gap:10px;margin-bottom:8px;font-size:13px}.info-row strong[data-v-be5661a6]{color:#7b9fb8}.status-badge[data-v-be5661a6]{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-badge.read[data-v-be5661a6]{background:rgba(82,196,26,.2);color:#52c41a}.status-badge.unread[data-v-be5661a6]{background:rgba(245,34,45,.2);color:#f5222d}.detail-message[data-v-be5661a6]{margin-bottom:15px}.detail-message h3[data-v-be5661a6]{margin:0 0 10px 0;color:#e0e0e0;font-size:14px}.detail-message p[data-v-be5661a6]{margin:0;color:silver;line-height:1.6;font-size:13px}.detail-actions[data-v-be5661a6]{display:flex;gap:10px;flex-wrap:wrap}.empty-state[data-v-be5661a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#7b9fb8;text-align:center}.empty-state i[data-v-be5661a6]{font-size:48px;margin-bottom:10px;opacity:.5}.empty-state p[data-v-be5661a6]{font-size:16px;margin:10px 0}.empty-state span[data-v-be5661a6]{font-size:13px;color:#5a6b7d}.detail-placeholder[data-v-be5661a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#7b9fb8;text-align:center;padding:40px 20px}.detail-placeholder i[data-v-be5661a6]{font-size:64px;margin-bottom:20px;opacity:.4;color:#0ff}.detail-placeholder h3[data-v-be5661a6]{font-size:18px;font-weight:600;color:#e0e0e0;margin:0 0 10px 0}.detail-placeholder p[data-v-be5661a6]{font-size:14px;color:#7b9fb8;margin:0 0 30px 0}.placeholder-tip[data-v-be5661a6]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.2);border-radius:8px;font-size:13px;color:#0ff}.placeholder-tip i[data-v-be5661a6]{font-size:16px;margin-bottom:0;opacity:.6}.mobile-empty-state[data-v-be5661a6]{display:none}.notifications-list[data-v-be5661a6]::-webkit-scrollbar{width:6px}.notifications-list[data-v-be5661a6]::-webkit-scrollbar-track{background:rgba(10,14,39,.3)}.notifications-list[data-v-be5661a6]::-webkit-scrollbar-thumb{background:rgba(0,255,255,.3);border-radius:3px}.notifications-list[data-v-be5661a6]::-webkit-scrollbar-thumb:hover{background:rgba(0,255,255,.5)}@media (max-width:1024px){.notifications-main[data-v-be5661a6]{grid-template-columns:1fr;height:auto}.notification-detail-container[data-v-be5661a6]{display:none}.mobile-empty-state[data-v-be5661a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:#7b9fb8}.notification-actions[data-v-be5661a6]{opacity:1}}@media (max-width:768px){.notifications-header[data-v-be5661a6]{flex-direction:column;align-items:flex-start}.notifications-header h1[data-v-be5661a6]{font-size:24px}.header-actions[data-v-be5661a6]{width:100%}.list-actions[data-v-be5661a6]{flex-direction:column}.search-box[data-v-be5661a6]{width:100%}.notification-item[data-v-be5661a6]{padding:10px}.notification-preview[data-v-be5661a6]{font-size:12px}}