.notification-wrapper[data-v-3dff74e7]{position:relative}.icon-button[data-v-3dff74e7]{position:relative;background:#ffffff1a;border:none;width:38px;height:38px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,opacity .2s ease}.icon-button[data-v-3dff74e7]:hover{background:#fff3}.badge[data-v-3dff74e7]{position:absolute;top:-6px;right:-6px;background:#f87171;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .35rem;border-radius:999px}.dropdown[data-v-3dff74e7]{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-height:360px;overflow-y:auto;background:#191621fa;border-radius:1rem;box-shadow:0 20px 50px #0f0b1959;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;color:#fff;z-index:50}.dropdown-header[data-v-3dff74e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dropdown-header h3[data-v-3dff74e7]{margin:0;font-size:1rem;font-weight:600}.mark-all[data-v-3dff74e7]{background:none;border:none;color:#ffffffbf;cursor:pointer;font-size:.85rem;padding:0}.mark-all[data-v-3dff74e7]:hover{color:#fff}.loading-state[data-v-3dff74e7]{display:flex;justify-content:center;padding:1.5rem 0}.loading-icon[data-v-3dff74e7]{font-size:2rem}.empty-state[data-v-3dff74e7]{color:#ffffffb3;margin:0}.notification-list[data-v-3dff74e7]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.notification-item[data-v-3dff74e7]{background:#ffffff14;border-radius:.75rem;padding:.75rem;display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.notification-item.unread[data-v-3dff74e7]{background:#f472b62e}.notification-body[data-v-3dff74e7]{flex:1}.message[data-v-3dff74e7]{margin:0;font-size:.95rem;line-height:1.4}.timestamp[data-v-3dff74e7]{margin:.3rem 0 0;font-size:.8rem;color:#fff9}.mark-read[data-v-3dff74e7]{background:none;border:none;color:#ffffffbf;cursor:pointer;font-size:.85rem}.mark-read[data-v-3dff74e7]:hover{color:#fff}.fade-enter-active[data-v-3dff74e7],.fade-leave-active[data-v-3dff74e7]{transition:opacity .15s ease}.fade-enter-from[data-v-3dff74e7],.fade-leave-to[data-v-3dff74e7]{opacity:0}#app[data-v-5fb405eb]{background-color:#2d2236;min-height:100vh;font-family:Inclusive Sans,sans-serif}[data-v-5fb405eb]{font-family:Inclusive Sans,sans-serif}.navbar[data-v-5fb405eb]{background-color:#ffffff1a;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container[data-v-5fb405eb]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.nav-brand[data-v-5fb405eb]{font-size:1.5rem;font-weight:600;margin:0;color:#fff;text-decoration:none;line-height:1.2}.nav-links[data-v-5fb405eb]{display:flex;gap:1rem;align-items:center}.user-menu[data-v-5fb405eb]{display:flex;align-items:center;gap:1rem}.user-settings-link[data-v-5fb405eb]{color:#fff;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff1a;transition:background .2s ease,opacity .2s ease}.gear-icon[data-v-5fb405eb]{font-size:1.4rem;line-height:1}.user-settings-link[data-v-5fb405eb]:hover{background:#fff3}.btn[data-v-5fb405eb]{padding:.75rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn .material-symbols-outlined[data-v-5fb405eb]{font-size:1.25rem;line-height:1;vertical-align:middle}.btn-logout[data-v-5fb405eb]{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-logout[data-v-5fb405eb]:hover{background-color:#fff3}.nav-play-now[data-v-5fb405eb]{padding:.5rem 1.25rem;font-size:.95rem}.nav-link[data-v-5fb405eb]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s;display:inline-flex;align-items:center;gap:.35rem}.nav-link[data-v-5fb405eb]:hover{background-color:#ffffff1a}.nav-link.router-link-active[data-v-5fb405eb]{background-color:#fff3}.main-content[data-v-5fb405eb]{max-width:1200px;margin:0 auto;padding:2rem 1rem}@media (max-width: 768px){.nav-container[data-v-5fb405eb]{flex-direction:column;gap:1rem}.nav-links[data-v-5fb405eb]{width:100%;justify-content:center}.main-content[data-v-5fb405eb]{padding:1rem}}