.notification-center[data-v-da72ea32]{position:relative}.notification-button[data-v-da72ea32]{align-items:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:color .2s}.notification-button[data-v-da72ea32]:hover{color:var(--text-secondary)}.badge[data-v-da72ea32]{align-items:center;background:#ef4444;border-radius:9999px;color:#fff;font-size:.625rem;font-weight:600;height:1rem;justify-content:center;line-height:1;min-width:1rem;padding:.125rem .375rem;right:.25rem;top:.25rem}.badge[data-v-da72ea32],.notification-panel[data-v-da72ea32]{display:flex;position:absolute}.notification-panel[data-v-da72ea32]{background:var(--surface);border-radius:12px;box-shadow:0 10px 25px #00000026;flex-direction:column;max-height:600px;right:0;top:calc(100% + .5rem);width:400px;z-index:50}.panel-header[data-v-da72ea32]{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.panel-header h3[data-v-da72ea32]{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.mark-all-btn[data-v-da72ea32]{background:transparent;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .2s}.mark-all-btn[data-v-da72ea32]:hover{background:#eff6ff}.filters[data-v-da72ea32]{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1.25rem}.filter-btn[data-v-da72ea32]{background:var(--surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.filter-btn[data-v-da72ea32]:hover{background:var(--surface-muted);border-color:var(--border-color)}.filter-btn.active[data-v-da72ea32]{background:#3b82f6;border-color:#3b82f6;color:#fff}.notifications-list[data-v-da72ea32]{max-height:400px;overflow-y:auto}.notification-item[data-v-da72ea32]{border-bottom:1px solid var(--surface-muted);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;position:relative;transition:background .2s}.notification-item[data-v-da72ea32]:hover{background:var(--surface-muted)}.notification-item.unread[data-v-da72ea32]{background:#eff6ff}.notification-item.unread[data-v-da72ea32]:hover{background:#dbeafe}.icon[data-v-da72ea32]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.icon.success[data-v-da72ea32]{background:#f0fdf4;color:#22c55e}.icon.info[data-v-da72ea32]{background:#eff6ff;color:#3b82f6}.icon.warning[data-v-da72ea32]{background:#fffbeb;color:#f59e0b}.icon.error[data-v-da72ea32]{background:#fef2f2;color:#ef4444}.content[data-v-da72ea32]{flex:1;min-width:0}.content h4[data-v-da72ea32]{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.content p[data-v-da72ea32]{font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.content p[data-v-da72ea32],.time[data-v-da72ea32]{color:var(--text-muted)}.time[data-v-da72ea32]{font-size:.75rem}.unread-dot[data-v-da72ea32]{background:#3b82f6;border-radius:50%;height:.5rem;position:absolute;right:1.25rem;top:1.25rem;width:.5rem}.empty[data-v-da72ea32]{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:3rem 1rem}.empty svg[data-v-da72ea32]{margin-bottom:1rem}.empty p[data-v-da72ea32]{font-size:.9375rem;margin:0}.fade-slide-enter-active[data-v-da72ea32],.fade-slide-leave-active[data-v-da72ea32]{transition:all .2s ease}.fade-slide-enter-from[data-v-da72ea32],.fade-slide-leave-to[data-v-da72ea32]{opacity:0;transform:translateY(-10px)}@media (max-width:480px){.notification-panel[data-v-da72ea32]{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:80vh;position:fixed;right:0;top:auto;width:100%}}.toast[data-v-f06499f9]{align-items:flex-start;background:var(--surface);border-radius:12px;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d;display:flex;gap:.75rem;max-width:400px;min-width:320px;padding:1rem 1.25rem;position:fixed;right:2rem;top:2rem;z-index:9999}.toast.success[data-v-f06499f9]{border-left:4px solid #22c55e}.toast.info[data-v-f06499f9]{border-left:4px solid #3b82f6}.toast.warning[data-v-f06499f9]{border-left:4px solid #f59e0b}.toast.error[data-v-f06499f9]{border-left:4px solid #ef4444}.toast-icon[data-v-f06499f9]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.toast.success .toast-icon[data-v-f06499f9]{background:#f0fdf4;color:#22c55e}.toast.info .toast-icon[data-v-f06499f9]{background:#eff6ff;color:#3b82f6}.toast.warning .toast-icon[data-v-f06499f9]{background:#fffbeb;color:#f59e0b}.toast.error .toast-icon[data-v-f06499f9]{background:#fef2f2;color:#ef4444}.toast-content[data-v-f06499f9]{flex:1;min-width:0}.toast-content h4[data-v-f06499f9]{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.toast-content p[data-v-f06499f9]{color:var(--text-muted);font-size:.875rem;line-height:1.4;margin:0}.toast-close[data-v-f06499f9]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .2s;width:2rem}.toast-close[data-v-f06499f9]:hover{background:var(--surface-muted);color:var(--text-muted)}.slide-enter-active[data-v-f06499f9],.slide-leave-active[data-v-f06499f9]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.slide-enter-from[data-v-f06499f9],.slide-leave-to[data-v-f06499f9]{opacity:0;transform:translate(calc(100% + 2rem))}@media (max-width:640px){.toast[data-v-f06499f9]{bottom:2rem;left:1rem;max-width:none;min-width:auto;right:1rem;top:auto}.slide-enter-from[data-v-f06499f9],.slide-leave-to[data-v-f06499f9]{transform:translateY(calc(100% + 2rem))}}.offline-indicator[data-v-eb44ecf7]{align-items:center;background:#f59e0b;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;top:0;z-index:1000}.icon[data-v-eb44ecf7]{height:1.25rem;width:1.25rem}.fade-enter-active[data-v-eb44ecf7],.fade-leave-active[data-v-eb44ecf7]{transition:opacity .3s ease}.fade-enter-from[data-v-eb44ecf7],.fade-leave-to[data-v-eb44ecf7]{opacity:0}.install-prompt[data-v-8954b8b1]{background:var(--surface);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 6px #0000001a;left:0;position:fixed;right:0;z-index:100}.dark .install-prompt{background:#1e293b;border-top-color:#334155}.prompt-content[data-v-8954b8b1]{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:800px;padding:1rem}.icon[data-v-8954b8b1]{color:#3b82f6;flex-shrink:0;height:2rem;width:2rem}.text[data-v-8954b8b1]{flex:1}.text h3[data-v-8954b8b1]{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.dark .text h3{color:#f1f5f9}.text p[data-v-8954b8b1]{color:var(--text-muted);font-size:.875rem}.dark .text p{color:#94a3b8}.actions[data-v-8954b8b1]{display:flex;gap:.5rem}.btn-install[data-v-8954b8b1]{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.btn-install[data-v-8954b8b1]:hover{background:#2563eb}.btn-dismiss[data-v-8954b8b1]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem 1rem;transition:color .2s}.dark .btn-dismiss{color:#94a3b8}.btn-dismiss[data-v-8954b8b1]:hover{color:var(--text-primary)}.dark .btn-dismiss:hover{color:#f1f5f9}.slide-up-enter-active[data-v-8954b8b1],.slide-up-leave-active[data-v-8954b8b1]{transition:transform .3s ease}.slide-up-enter-from[data-v-8954b8b1],.slide-up-leave-to[data-v-8954b8b1]{transform:translateY(100%)}@media (max-width:768px){.prompt-content[data-v-8954b8b1]{flex-direction:column;text-align:center}.actions[data-v-8954b8b1]{flex-direction:column}.actions[data-v-8954b8b1],.btn-dismiss[data-v-8954b8b1],.btn-install[data-v-8954b8b1]{width:100%}}.app-layout[data-v-68fc5847]{background:var(--surface-muted);min-height:100vh;transition:background-color .2s ease}.dark .app-layout{background:#0f172a}.mobile-header[data-v-68fc5847]{align-items:center;background:var(--surface);border-bottom:1px solid var(--border-color);display:flex;height:60px;justify-content:space-between;left:0;padding:0 1rem;position:fixed;right:0;top:0;transition:all .2s ease;z-index:40}.dark .mobile-header{background:#1e293b;border-bottom-color:#334155}.menu-button[data-v-68fc5847]{align-items:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.menu-button[data-v-68fc5847]:hover{color:var(--text-primary)}.header-actions[data-v-68fc5847]{align-items:center;display:flex;gap:.5rem}.overlay[data-v-68fc5847]{animation:fadeIn-68fc5847 .2s ease-out;background:#00000080;top:0;right:0;bottom:0;left:0;position:fixed;z-index:45}@keyframes fadeIn-68fc5847{0%{opacity:0}to{opacity:1}}.sidebar[data-v-68fc5847]{background:var(--surface);border-right:1px solid var(--border-color);bottom:0;left:0;overflow-y:auto;position:fixed;top:0;transform:translate(-100%);transition:all .3s ease;width:260px;z-index:50}.dark .sidebar{background:#1e293b;border-right-color:#334155}.sidebar.open[data-v-68fc5847]{transform:translate(0)}@media (min-width:768px){.sidebar[data-v-68fc5847]{transform:translate(0)}}.sidebar-header[data-v-68fc5847]{align-items:center;border-bottom:1px solid var(--border-color);display:flex;height:64px;padding:0 1.5rem;transition:border-color .2s ease}.dark .sidebar-header{border-bottom-color:#334155}.logo[data-v-68fc5847]{color:#3b82f6;font-size:1.25rem;font-weight:700;white-space:nowrap}.mobile-header .logo[data-v-68fc5847]{flex:1;font-size:clamp(1rem,4.4vw,1.125rem);margin:0 .5rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-nav[data-v-68fc5847]{padding:1rem}.nav-link[data-v-68fc5847]{align-items:center;border-radius:6px;color:var(--text-muted);display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.nav-link[data-v-68fc5847]:hover{background:var(--surface-muted);color:var(--text-primary)}.dark .nav-link{color:#94a3b8}.dark .nav-link:hover{background:#334155;color:#f1f5f9}.nav-link.router-link-active[data-v-68fc5847]{background:#eff6ff;color:#3b82f6}.dark .nav-link.router-link-active{background:#1e3a8a;color:#93c5fd}.logout-button[data-v-68fc5847]{background:transparent;border:none;cursor:pointer;text-align:left;width:100%}.logout-button[data-v-68fc5847]:hover{background:#fef2f2;color:#dc2626}.dark .logout-button:hover{background:#7f1d1d;color:#fca5a5}@media (min-width:768px){.mobile-header[data-v-68fc5847]{display:none}}.desktop-header[data-v-68fc5847]{align-items:center;display:none;justify-content:flex-end;padding:0 0 1rem}.desktop-header-right[data-v-68fc5847]{align-items:center;display:flex;gap:.75rem}.main-content[data-v-68fc5847]{min-height:100vh;padding:calc(60px + 1.5rem) 1rem 1rem}@media (min-width:768px){.desktop-header[data-v-68fc5847]{display:flex}.main-content[data-v-68fc5847]{margin-left:260px;min-height:100vh;padding:2rem}}@media (max-width:640px){.main-content[data-v-68fc5847]{padding:calc(60px + 1.25rem) .75rem .75rem}}.nav-divider[data-v-68fc5847]{border-top:1px solid var(--border-color);margin:1rem 0}.dark .nav-divider{border-top-color:#334155}.nav-section-title[data-v-68fc5847]{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:.5rem 1rem;text-transform:uppercase}.dark .nav-section-title{color:#64748b}
