.notification-bell[data-v-f598b706]{position:relative}.bell-button[data-v-f598b706]{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.bell-button[data-v-f598b706]:hover,.bell-button.active[data-v-f598b706]{background:#1e293b}.bell-icon[data-v-f598b706]{font-size:20px;line-height:1}.badge[data-v-f598b706]{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;min-width:18px;text-align:center}.dropdown-overlay[data-v-f598b706]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.notifications-dropdown[data-v-f598b706]{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 8px 24px #0006;z-index:999;display:flex;flex-direction:column}.dropdown-header[data-v-f598b706]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #334155}.dropdown-header h3[data-v-f598b706]{margin:0;font-size:16px;color:#e5e7eb}.mark-all-btn[data-v-f598b706]{background:transparent;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;transition:color .2s}.mark-all-btn[data-v-f598b706]:hover{color:#60a5fa}.loading-state[data-v-f598b706],.empty-state[data-v-f598b706]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8}.spinner[data-v-f598b706]{width:32px;height:32px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin-f598b706 .8s linear infinite;margin-bottom:12px}@keyframes spin-f598b706{to{transform:rotate(360deg)}}.empty-icon[data-v-f598b706]{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state p[data-v-f598b706]{margin:0;font-size:14px}.notifications-list[data-v-f598b706]{flex:1;overflow-y:auto;max-height:400px}.notification-item[data-v-f598b706]{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #334155;position:relative}.notification-item[data-v-f598b706]:hover{background:#334155}.notification-item.unread[data-v-f598b706]{background:#3b82f60d}.notification-item.unread[data-v-f598b706]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6}.actor-avatar[data-v-f598b706]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #334155;flex-shrink:0}.notification-content[data-v-f598b706]{flex:1;min-width:0}.notification-text[data-v-f598b706]{margin:0 0 4px;font-size:14px;color:#e5e7eb;line-height:1.4}.notification-text strong[data-v-f598b706]{color:#60a5fa;font-weight:600}.notification-time[data-v-f598b706]{font-size:12px;color:#94a3b8}.delete-btn[data-v-f598b706]{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;font-size:16px;opacity:0;transition:all .2s;flex-shrink:0}.notification-item:hover .delete-btn[data-v-f598b706]{opacity:1}.delete-btn[data-v-f598b706]:hover{color:#ef4444}.dropdown-footer[data-v-f598b706]{padding:12px 16px;border-top:1px solid #334155;text-align:center}.view-all-link[data-v-f598b706]{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.view-all-link[data-v-f598b706]:hover{color:#60a5fa}.dropdown-fade-enter-active[data-v-f598b706],.dropdown-fade-leave-active[data-v-f598b706]{transition:all .2s ease}.dropdown-fade-enter-from[data-v-f598b706],.dropdown-fade-leave-to[data-v-f598b706]{opacity:0;transform:translateY(-8px)}@media (max-width: 768px){.notifications-dropdown[data-v-f598b706]{width:320px;right:-8px}}.nav[data-v-97c2f06b]{background:#0f172a;border-bottom:1px solid #1f2937;padding:12px 24px}.nav-container[data-v-97c2f06b]{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:24px}.nav-brand[data-v-97c2f06b]{font-size:18px;font-weight:600}.brand-link[data-v-97c2f06b]{color:#e5e7eb;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .2s}.brand-link[data-v-97c2f06b]:hover{color:#60a5fa}.logo[data-v-97c2f06b]{font-size:24px}.nav-links[data-v-97c2f06b]{flex:1;display:flex;gap:8px}.nav-link[data-v-97c2f06b]{color:#9ca3af;text-decoration:none;font-size:14px;transition:all .2s;padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px}.nav-link .icon[data-v-97c2f06b]{font-size:16px}.nav-link[data-v-97c2f06b]:hover{color:#e5e7eb;background:#1e293b}.nav-link.router-link-active[data-v-97c2f06b]{color:#60a5fa;background:#1e293b}.nav-link.premium-link[data-v-97c2f06b]{color:#fbbf24}.nav-link.premium-link[data-v-97c2f06b]:hover{color:#f59e0b;background:#1e293b}.nav-link.premium-link.router-link-active[data-v-97c2f06b]{color:#fbbf24;background:#1e293b}.nav-actions[data-v-97c2f06b]{display:flex;gap:12px;align-items:center}.user-menu[data-v-97c2f06b]{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s;border:1px solid transparent}.user-menu[data-v-97c2f06b]:hover{background:#1e293b;border-color:#334155}.user-avatar[data-v-97c2f06b]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #334155}.user-email[data-v-97c2f06b]{font-size:13px;color:#e5e7eb;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn[data-v-97c2f06b]{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary[data-v-97c2f06b]{background:#3b82f6;color:#fff}.btn-primary[data-v-97c2f06b]:hover{background:#2563eb}.btn-secondary[data-v-97c2f06b]{background:transparent;border:1px solid #334155;color:#e5e7eb}.btn-secondary[data-v-97c2f06b]:hover{background:#1e293b}@media (max-width: 768px){.nav[data-v-97c2f06b]{padding:8px 16px}.nav-container[data-v-97c2f06b]{gap:12px}.nav-brand[data-v-97c2f06b]{font-size:16px}.nav-links[data-v-97c2f06b]{gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-link[data-v-97c2f06b]{font-size:13px;white-space:nowrap}.btn[data-v-97c2f06b]{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.nav-container[data-v-97c2f06b]{flex-wrap:wrap}.nav-links[data-v-97c2f06b]{order:3;width:100%;padding-top:8px;border-top:1px solid #1f2937}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#0b1220;color:#e5e7eb;min-height:100vh}.app{min-height:100vh}.loading{display:grid;place-items:center;min-height:100vh;font-size:18px;opacity:.7}.error-boundary{display:grid;place-items:center;min-height:100vh;padding:20px}.error-content{text-align:center;max-width:500px;padding:40px;background:#1e293b;border-radius:8px;border:1px solid #334155}.error-content h1{color:#ef4444;margin-bottom:16px;font-size:24px}.error-content p{color:#94a3b8;margin-bottom:24px;line-height:1.6}.error-content button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s}.error-content button:hover{background:#2563eb}@media (max-width: 1024px){body{font-size:15px}}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{background:#0b1220}