.notifications-page[data-v-f9fc6310]{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12)}.notif-hero[data-v-f9fc6310]{margin-bottom:var(--space-6)}.notif-terminal[data-v-f9fc6310]{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary);margin-bottom:var(--space-2)}.notif-terminal .prompt[data-v-f9fc6310]{color:var(--primary-400)}.notif-terminal .cmd[data-v-f9fc6310]{color:var(--primary-300)}.notif-terminal .flag[data-v-f9fc6310]{color:var(--color-yellow, #facc15)}.notif-terminal .cursor[data-v-f9fc6310]{display:inline-block;width:8px;height:16px;background:var(--primary-400);animation:blink-f9fc6310 1s step-end infinite}@keyframes blink-f9fc6310{50%{opacity:0}}.notif-title[data-v-f9fc6310]{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.notif-subtitle[data-v-f9fc6310]{font-size:14px;color:var(--primary-400);margin:var(--space-1) 0 0;font-family:var(--font-mono)}.notif-tabs[data-v-f9fc6310]{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.notif-tabs[data-v-f9fc6310]::-webkit-scrollbar{display:none}.notif-tab[data-v-f9fc6310]{position:relative;padding:var(--space-2) var(--space-3);border:none;background:none;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;border-bottom:2px solid transparent;font-family:var(--font-sans)}.notif-tab[data-v-f9fc6310]:hover{color:var(--text-secondary)}.notif-tab.active[data-v-f9fc6310]{color:var(--primary-400);border-bottom-color:var(--primary-400)}.tab-count[data-v-f9fc6310]{margin-left:4px;font-size:11px;font-family:var(--font-mono);padding:1px 5px;border-radius:var(--radius-sm);background:#10b9811a;color:var(--primary-400)}.tab-dot[data-v-f9fc6310]{position:absolute;top:6px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--color-red, #ef4444)}.notif-actions[data-v-f9fc6310]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mark-all-btn[data-v-f9fc6310]{display:flex;align-items:center;gap:var(--space-1);padding:6px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.mark-all-btn[data-v-f9fc6310]:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-400);background:#10b9810f}.mark-all-btn[data-v-f9fc6310]:disabled{opacity:.4;cursor:not-allowed}.page-info[data-v-f9fc6310]{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.notif-list[data-v-f9fc6310]{display:flex;flex-direction:column}.date-separator[data-v-f9fc6310]{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2)}.date-separator[data-v-f9fc6310]:before,.date-separator[data-v-f9fc6310]:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.date-separator span[data-v-f9fc6310]{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap}.notif-item[data-v-f9fc6310]{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;border-left:3px solid transparent;margin-bottom:2px}.notif-item[data-v-f9fc6310]:hover{background:var(--bg-elevated)}.notif-item.unread[data-v-f9fc6310]{border-left-color:var(--primary-400);background:#10b98108}.notif-item.unread[data-v-f9fc6310]:hover{background:#10b9810f}.notif-icon[data-v-f9fc6310]{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.notif-icon.reply[data-v-f9fc6310]{background:#10b9811a;color:var(--primary-400)}.notif-icon.follow[data-v-f9fc6310]{background:#06b6d41a;color:var(--color-cyan, #22d3ee)}.notif-icon.like[data-v-f9fc6310]{background:#ec48991a;color:var(--color-pink, #f472b6)}.notif-icon.mention[data-v-f9fc6310]{background:#8b5cf61a;color:var(--color-purple, #a78bfa)}.notif-icon.system[data-v-f9fc6310]{background:#facc151a;color:var(--color-yellow, #facc15)}.notif-body[data-v-f9fc6310]{flex:1;min-width:0}.notif-message[data-v-f9fc6310]{font-size:13px;color:var(--text-primary);line-height:1.5}.notif-from[data-v-f9fc6310]{font-weight:600;color:var(--primary-300);margin-right:4px}.notif-preview[data-v-f9fc6310]{margin-top:4px;font-size:12px;color:var(--text-tertiary);padding-left:var(--space-2);border-left:2px solid var(--border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time[data-v-f9fc6310]{margin-top:4px;font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.notif-unread-dot[data-v-f9fc6310]{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--primary-400);margin-top:8px}.notif-empty[data-v-f9fc6310]{text-align:center;padding:var(--space-16) 0}.empty-icon[data-v-f9fc6310]{color:var(--text-tertiary);opacity:.4;margin-bottom:var(--space-4)}.empty-text[data-v-f9fc6310]{font-size:16px;color:var(--text-secondary);margin:0 0 var(--space-2)}.empty-hint[data-v-f9fc6310]{font-size:13px;color:var(--text-tertiary);margin:0}.notif-loading[data-v-f9fc6310]{text-align:center;padding:var(--space-12) 0}.loading-spinner[data-v-f9fc6310]{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--primary-400);border-radius:50%;animation:spin-f9fc6310 .6s linear infinite;margin:0 auto var(--space-3)}@keyframes spin-f9fc6310{to{transform:rotate(360deg)}}.notif-loading p[data-v-f9fc6310]{font-size:13px;color:var(--text-tertiary);margin:0}.notif-pagination[data-v-f9fc6310]{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.page-btn[data-v-f9fc6310]{width:32px;height:32px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.page-btn[data-v-f9fc6310]:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-400)}.page-btn[data-v-f9fc6310]:disabled{opacity:.3;cursor:not-allowed}.page-current[data-v-f9fc6310]{font-size:13px;font-family:var(--font-mono);color:var(--text-secondary)}.notif-toast[data-v-f9fc6310]{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:13px;z-index:100;animation:toastIn-f9fc6310 .2s ease;background:var(--bg-elevated);border:1px solid var(--primary-500);color:var(--primary-300);box-shadow:0 8px 24px #0000004d}.notif-toast.error[data-v-f9fc6310]{border-color:var(--color-red, #ef4444);color:var(--color-red-light, #f87171)}@keyframes toastIn-f9fc6310{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:900px){.notifications-page[data-v-f9fc6310]{padding:var(--space-4) var(--space-3) var(--space-8)}.notif-title[data-v-f9fc6310]{font-size:22px}.notif-tabs[data-v-f9fc6310]{gap:0}.notif-tab[data-v-f9fc6310]{padding:var(--space-2);font-size:12px}.notif-item[data-v-f9fc6310]{padding:var(--space-2);gap:var(--space-2)}.notif-icon[data-v-f9fc6310]{width:28px;height:28px}}