.notifications-page[data-v-dfe87a46]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:rgba(26,34,52,.5);--bg-card-hover:rgba(26,34,52,.7);--accent-primary:#06b6d4;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#06b6d4,#8b5cf6);--text-primary:#f8fafc;--text-secondary:rgba(248,250,252,.7);--text-muted:rgba(248,250,252,.5);--border-subtle:hsla(0,0%,100%,.06);--danger-color:#ef4444;background:var(--bg-primary);min-height:calc(100vh - 200px);padding:100px 0 64px}.container[data-v-dfe87a46]{margin:0 auto;max-width:900px;padding:0 24px}.page-header[data-v-dfe87a46]{margin-bottom:32px;text-align:center}.header-icon[data-v-dfe87a46]{align-items:center;background:linear-gradient(135deg,#06b6d433,#8b5cf61a);border:1px solid rgba(6,182,212,.3);border-radius:16px;color:var(--accent-primary);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.header-icon svg[data-v-dfe87a46]{height:28px;width:28px}.page-title[data-v-dfe87a46]{color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:28px;font-weight:600;margin:0 0 8px}.page-desc[data-v-dfe87a46]{color:var(--text-muted);font-size:14px;margin:0}.stats-cards[data-v-dfe87a46]{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.stat-card[data-v-dfe87a46]{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;text-align:center}.stat-number[data-v-dfe87a46]{color:var(--accent-primary);display:block;font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;margin-bottom:4px}.stat-label[data-v-dfe87a46]{color:var(--text-muted);font-size:14px}.filter-bar[data-v-dfe87a46]{align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.filter-bar[data-v-dfe87a46],.filter-tabs[data-v-dfe87a46]{display:flex;flex-wrap:wrap}.filter-tabs[data-v-dfe87a46]{gap:8px}.tab-btn[data-v-dfe87a46]{align-items:center;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.tab-btn[data-v-dfe87a46]:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tab-btn.active[data-v-dfe87a46]{background:var(--accent-gradient);border-color:transparent;color:#fff}.tab-badge[data-v-dfe87a46]{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.actions[data-v-dfe87a46]{display:flex;gap:8px}.actions svg[data-v-dfe87a46]{height:16px;margin-right:4px;width:16px}.notifications-list[data-v-dfe87a46]{display:flex;flex-direction:column;gap:12px}.notification-card[data-v-dfe87a46]{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.notification-card[data-v-dfe87a46]:hover{background:var(--bg-card-hover);border-color:#06b6d433;transform:translateY(-2px)}.notification-card.unread[data-v-dfe87a46]{background:#06b6d40d;border-left:3px solid var(--accent-primary)}.notification-icon[data-v-dfe87a46]{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.notification-icon.comment_reply[data-v-dfe87a46]{background:#06b6d426;color:var(--accent-primary)}.notification-icon.comment_liked[data-v-dfe87a46]{background:#f59e0b26;color:#f59e0b}.notification-icon.system[data-v-dfe87a46]{background:#8b5cf626;color:var(--accent-secondary)}.notification-icon svg[data-v-dfe87a46]{height:22px;width:22px}.notification-body[data-v-dfe87a46]{flex:1;min-width:0}.notification-header-row[data-v-dfe87a46]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notification-title[data-v-dfe87a46]{color:var(--text-primary);flex:1;font-size:15px;font-weight:600;margin:0}.notification-time[data-v-dfe87a46]{color:var(--text-muted);flex-shrink:0;font-size:12px}.notification-content[data-v-dfe87a46]{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.notification-meta[data-v-dfe87a46]{align-items:center;display:flex;gap:8px}.sender-info[data-v-dfe87a46]{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:6px}.system-tag[data-v-dfe87a46]{background:#8b5cf61a;border-radius:4px;color:var(--accent-secondary);font-size:12px;padding:2px 8px}.notification-actions[data-v-dfe87a46]{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.action-btn[data-v-dfe87a46]{background:none;border:none;cursor:pointer;font-size:13px;transition:all .2s}.read-btn[data-v-dfe87a46]{border-radius:4px;color:var(--accent-primary);padding:4px 8px}.read-btn[data-v-dfe87a46]:hover{background:#06b6d41a}.delete-btn[data-v-dfe87a46]{color:var(--text-muted);padding:4px}.delete-btn[data-v-dfe87a46]:hover{color:var(--danger-color)}.delete-btn svg[data-v-dfe87a46]{height:18px;width:18px}.empty-state[data-v-dfe87a46]{padding:80px 20px;text-align:center}.empty-icon[data-v-dfe87a46]{color:var(--text-muted);height:80px;margin:0 auto 24px;width:80px}.empty-icon svg[data-v-dfe87a46]{height:100%;width:100%}.empty-title[data-v-dfe87a46]{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.empty-desc[data-v-dfe87a46]{color:var(--text-muted);font-size:14px;margin:0}.loading-more[data-v-dfe87a46]{align-items:center;display:flex;gap:8px;justify-content:center}.loading-more[data-v-dfe87a46],.no-more[data-v-dfe87a46]{color:var(--text-muted);padding:24px;text-align:center}.no-more[data-v-dfe87a46]{font-size:14px}@media(max-width:768px){.container[data-v-dfe87a46]{padding:0 16px}.page-title[data-v-dfe87a46]{font-size:24px}.filter-bar[data-v-dfe87a46]{align-items:stretch;flex-direction:column}.actions[data-v-dfe87a46],.filter-tabs[data-v-dfe87a46]{justify-content:center}.notification-card[data-v-dfe87a46]{flex-direction:column;gap:12px}.notification-actions[data-v-dfe87a46]{flex-direction:row;justify-content:flex-end}.notification-header-row[data-v-dfe87a46]{flex-direction:column;gap:4px}}