.app-header[data-v-c3d88f33]{background:var(--color-background-soft);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-header-inner[data-v-c3d88f33]{gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 2rem}.app-header-inner[data-v-c3d88f33],.brand[data-v-c3d88f33]{align-items:center;display:flex}.brand[data-v-c3d88f33]{color:var(--color-white);flex-shrink:0;font-size:1.15rem;font-weight:700;gap:.5rem;text-decoration:none}.brand-icon[data-v-c3d88f33]{color:var(--color-accent);font-size:1.4rem}.app-nav[data-v-c3d88f33]{display:flex;gap:.25rem}.app-nav-link[data-v-c3d88f33]{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.9rem;font-weight:500;padding:.45rem 1rem;text-decoration:none;transition:all .2s}.app-nav-link[data-v-c3d88f33]:hover{background:#3b82f60f;color:var(--color-white)}.app-nav-link.active[data-v-c3d88f33]{background:#3b82f61a;color:var(--color-accent);font-weight:600}.nav-user-section[data-v-c3d88f33]{gap:.5rem}.nav-user-section[data-v-c3d88f33],.notif-bell[data-v-c3d88f33]{align-items:center;display:flex;position:relative}.notif-bell[data-v-c3d88f33]{background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:.4rem;transition:background .2s}.notif-bell[data-v-c3d88f33]:hover{background:#3b82f614}.bell-icon[data-v-c3d88f33]{font-size:1.2rem}.notif-badge[data-v-c3d88f33]{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:0;top:0}.notif-dropdown[data-v-c3d88f33]{animation:slideDown-c3d88f33 .15s ease;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;margin-top:.5rem;max-height:440px;overflow:hidden;position:absolute;right:40px;top:100%;width:360px;z-index:200}@keyframes slideDown-c3d88f33{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-header[data-v-c3d88f33]{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.85rem 1rem}.notif-title[data-v-c3d88f33]{color:var(--color-white);font-size:.9rem;font-weight:700}.notif-mark-all[data-v-c3d88f33]{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:.75rem;font-weight:600}.notif-mark-all[data-v-c3d88f33]:hover{text-decoration:underline}.notif-list[data-v-c3d88f33]{max-height:380px;overflow-y:auto}.notif-empty[data-v-c3d88f33]{color:var(--color-text-muted);font-size:.85rem;padding:2rem;text-align:center}.notif-item[data-v-c3d88f33]{align-items:flex-start;background:transparent;border:none;border-bottom:1px solid rgba(59,130,246,.04);cursor:pointer;display:flex;font-family:inherit;gap:.6rem;padding:.75rem 1rem;text-align:left;transition:background .15s;width:100%}.notif-item[data-v-c3d88f33]:hover{background:#3b82f60a}.notif-item.unread[data-v-c3d88f33]{background:#3b82f60f}.notif-dot[data-v-c3d88f33]{background:var(--color-accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notif-content[data-v-c3d88f33]{flex:1;min-width:0}.notif-item-title[data-v-c3d88f33]{color:var(--color-white);font-size:.82rem;font-weight:600;margin-bottom:.15rem}.notif-item-msg[data-v-c3d88f33]{color:var(--color-text-muted);font-size:.78rem;margin-bottom:.2rem}.notif-item-time[data-v-c3d88f33]{color:var(--color-text-muted);font-size:.68rem;opacity:.7}.profile-trigger[data-v-c3d88f33]{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;padding:.35rem .6rem;transition:background .2s}.profile-trigger[data-v-c3d88f33]:hover{background:#3b82f60f}.user-avatar[data-v-c3d88f33]{align-items:center;background:linear-gradient(135deg,var(--color-accent),#818cf8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-avatar.sm[data-v-c3d88f33]{font-size:.8rem;height:36px;width:36px}.user-avatar-img[data-v-c3d88f33]{border:2px solid rgba(59,130,246,.3);border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.user-avatar-img.sm[data-v-c3d88f33]{height:36px;width:36px}.user-name-text[data-v-c3d88f33]{color:var(--color-white);font-size:.85rem;font-weight:600}.profile-arrow[data-v-c3d88f33]{color:var(--color-text-muted);font-size:.65rem}.profile-dropdown[data-v-c3d88f33]{animation:slideDown-c3d88f33 .15s ease;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;margin-top:.5rem;position:absolute;right:0;top:100%;width:240px;z-index:200}.profile-dropdown-header[data-v-c3d88f33]{align-items:center;display:flex;gap:.6rem;padding:.85rem 1rem}.pd-name[data-v-c3d88f33]{color:var(--color-white);font-size:.85rem;font-weight:600}.pd-email[data-v-c3d88f33]{color:var(--color-text-muted);font-size:.72rem}.pd-divider[data-v-c3d88f33]{background:var(--color-border);height:1px;margin:0}.pd-item[data-v-c3d88f33]{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:.5rem;padding:.65rem 1rem;text-align:left;transition:all .15s;width:100%}.pd-item[data-v-c3d88f33]:hover{background:#3b82f60f;color:var(--color-white)}.pd-danger[data-v-c3d88f33]{color:#ef4444}.pd-danger[data-v-c3d88f33]:hover{background:#ef444414;color:#ef4444}@media(max-width:768px){.app-header-inner[data-v-c3d88f33]{gap:.5rem;padding:.75rem 1rem}.app-nav[data-v-c3d88f33]{gap:.1rem}.app-nav-link[data-v-c3d88f33]{font-size:.78rem;padding:.35rem .5rem}.user-name-text[data-v-c3d88f33]{display:none}.notif-dropdown[data-v-c3d88f33]{right:0;width:300px}}
