.notification-trigger[data-v-578cddcd]{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-panel);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);place-items:center;text-decoration:none;display:grid;position:relative}.notification-trigger[data-v-578cddcd]:focus-visible,.notification-trigger.active[data-v-578cddcd]{border-color:var(--accent-orange);background:var(--item-bg-active);color:var(--accent-orange);outline:none}.notification-trigger[data-v-578cddcd]:active{transform:scale(.98)}.notification-badge[data-v-578cddcd]{border:2px solid var(--surface-sidebar);background:var(--accent-orange);color:#181818;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-6px;right:-7px}.notification-center[data-v-578cddcd] .hb-dropdown-menu{background:var(--surface-elevated);border-radius:6px;width:min(400px,100vw - 24px);min-width:0;padding:0;overflow:hidden}.notification-menu[data-v-578cddcd]{max-height:min(640px,100dvh - 32px);color:var(--text-primary);display:grid}.notification-menu>header[data-v-578cddcd]{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 15px;display:grid}.notification-menu>header>div[data-v-578cddcd]{gap:2px;display:grid}.notification-menu>header strong[data-v-578cddcd]{font-size:var(--font-control)}.notification-menu>header span[data-v-578cddcd]{color:var(--text-muted);font-size:12px}.notification-menu>header button[data-v-578cddcd],.notification-state button[data-v-578cddcd]{color:var(--accent-orange);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.notification-menu>header button[data-v-578cddcd]:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.notification-sync[data-v-578cddcd]{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.notification-sync .spinning[data-v-578cddcd]{animation:.8s linear infinite notification-spin-578cddcd}.notification-list[data-v-578cddcd]{display:grid;overflow-y:auto}.notification-inline-error[data-v-578cddcd]{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--status-danger) 8%,transparent);color:var(--status-danger);margin:0;padding:8px 14px;font-size:12px}.notification-list>button[data-v-578cddcd]{border:0;border-bottom:1px solid var(--border-subtle);color:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;grid-template-columns:32px minmax(0,1fr) 7px;align-items:start;gap:10px;padding:12px 14px;display:grid;position:relative}.notification-list>button[data-v-578cddcd]:last-child{border-bottom:0}.notification-list>button[data-v-578cddcd]:focus-visible{background:var(--item-bg-hover);outline:none}.notification-list>button.unread[data-v-578cddcd]{background:var(--item-bg-active)}.notification-icon[data-v-578cddcd]{border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--accent-orange);place-items:center;display:grid}.notification-list>button.overdue .notification-icon[data-v-578cddcd],.notification-list>button.urgent .notification-icon[data-v-578cddcd]{border-color:color-mix(in srgb,var(--status-danger) 42%,var(--border-subtle));color:var(--status-danger)}.notification-copy[data-v-578cddcd]{gap:4px;min-width:0;display:grid}.notification-title[data-v-578cddcd]{align-items:center;gap:7px;min-width:0;display:flex}.notification-title strong[data-v-578cddcd]{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-title em[data-v-578cddcd]{border:1px solid var(--border-subtle);color:var(--text-muted);flex:none;padding:1px 4px;font-size:10px;font-style:normal}.notification-list>button.urgent .notification-title em[data-v-578cddcd]{border-color:color-mix(in srgb,var(--status-danger) 42%,var(--border-subtle));color:var(--status-danger)}.notification-copy small[data-v-578cddcd]{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-copy time[data-v-578cddcd]{color:var(--text-muted);font-size:12px}.notification-list>button>i[data-v-578cddcd]{background:var(--accent-orange);border-radius:50%;width:6px;height:6px;margin-top:5px}.notification-state[data-v-578cddcd]{min-height:150px;color:var(--text-muted);place-content:center;justify-items:center;gap:9px;padding:20px;font-size:12px;display:grid}.notification-state.error[data-v-578cddcd]{color:var(--status-danger)}.notification-loading[data-v-578cddcd]{display:grid}.notification-loading article[data-v-578cddcd]{border-bottom:1px solid var(--border-subtle);grid-template-columns:30px 1fr;gap:10px;padding:13px 14px;display:grid}.notification-loading article>i[data-v-578cddcd]{width:30px;height:30px}.notification-loading span[data-v-578cddcd]{gap:6px;display:grid}.notification-loading b[data-v-578cddcd]{height:8px;display:block}.notification-loading b[data-v-578cddcd]:first-child{width:46%}.notification-loading b[data-v-578cddcd]:nth-child(2){width:88%}.notification-loading b[data-v-578cddcd]:nth-child(3){width:30%}.notification-loading i[data-v-578cddcd],.notification-loading b[data-v-578cddcd],.announcement-detail-loading i[data-v-578cddcd]{background:linear-gradient(90deg,var(--surface-panel),var(--item-bg-hover),var(--surface-panel));background-size:200% 100%;animation:1.2s linear infinite notification-shimmer-578cddcd}.announcement-detail[data-v-578cddcd]{color:var(--text-primary);gap:18px;display:grid}.announcement-detail>header[data-v-578cddcd]{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding-bottom:13px;display:flex}.announcement-detail>header span[data-v-578cddcd]{color:var(--accent-orange);align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.announcement-detail[data-priority=urgent]>header span[data-v-578cddcd]{color:var(--status-danger)}.announcement-detail>header time[data-v-578cddcd]{color:var(--text-muted);font-size:12px}.announcement-body[data-v-578cddcd]{width:min(100%,68ch);margin-inline:auto;font-size:15px;line-height:1.85}.announcement-detail-loading[data-v-578cddcd]{gap:12px;min-height:300px;padding:12px 4px;display:grid}.announcement-detail-loading i[data-v-578cddcd]{height:14px}.announcement-detail-loading i[data-v-578cddcd]:first-child{width:34%;height:24px}.announcement-detail-loading i[data-v-578cddcd]:nth-child(3){width:86%}.announcement-detail-loading i[data-v-578cddcd]:last-child{width:62%}.announcement-detail-error[data-v-578cddcd]{min-height:260px;color:var(--text-muted);text-align:center;place-content:center;justify-items:center;gap:9px;display:grid}.announcement-detail-error strong[data-v-578cddcd]{color:var(--text-primary)}.announcement-detail-error button[data-v-578cddcd]{align-items:center;gap:6px;margin-top:6px;display:inline-flex}.announcement-snooze[data-v-578cddcd]{color:var(--text-secondary);align-items:flex-start;gap:8px;margin-right:auto;font-size:12px;display:flex}.announcement-snooze span[data-v-578cddcd]{gap:2px;display:grid}.announcement-snooze small[data-v-578cddcd]{color:var(--text-muted);font-size:11px}@keyframes notification-shimmer-578cddcd{to{background-position:-200% 0}}@keyframes notification-spin-578cddcd{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.notification-trigger[data-v-578cddcd]:hover{border-color:var(--accent-orange);background:var(--item-bg-active);color:var(--accent-orange)}.notification-list>button[data-v-578cddcd]:hover{background:var(--item-bg-hover)}}@media (width<=480px){.notification-center[data-v-578cddcd] .hb-dropdown-menu{top:calc(var(--navbar-height) + 8px);width:auto;position:fixed;left:12px;right:12px}.notification-menu[data-v-578cddcd]{max-height:calc(100dvh - var(--navbar-height) - 24px)}.notification-menu>header[data-v-578cddcd]{grid-template-columns:minmax(0,1fr) auto}.notification-sync[data-v-578cddcd]{display:none}.announcement-body[data-v-578cddcd]{font-size:14px}}@media (prefers-reduced-motion:reduce){.notification-trigger[data-v-578cddcd],.notification-list>button[data-v-578cddcd]{transition:none}.notification-loading i[data-v-578cddcd],.notification-loading b[data-v-578cddcd],.announcement-detail-loading i[data-v-578cddcd],.notification-sync .spinning[data-v-578cddcd]{animation:none}}