.header[data-v-af4bc0ba]{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:200}.header-inner[data-v-af4bc0ba]{align-items:center;display:flex;gap:1.5rem;height:60px;margin:0 auto;max-width:1280px;padding:0 1.25rem}.logo[data-v-af4bc0ba]{align-items:baseline;display:flex;flex-shrink:0;gap:.35rem;text-decoration:none}.logo-text[data-v-af4bc0ba]{color:var(--primary-blue,#1a5f9a);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.logo-sub[data-v-af4bc0ba]{color:#94a3b8;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}.nav[data-v-af4bc0ba]{align-items:center;display:flex;flex:1;gap:.25rem}.nav-link[data-v-af4bc0ba]{border-radius:5px;color:#475569;font-size:.875rem;font-weight:500;padding:.3rem .6rem;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}.nav-link[data-v-af4bc0ba]:hover{background:#f1f5f9;color:var(--primary-blue,#1a5f9a)}.nav-link.router-link-active[data-v-af4bc0ba]{color:var(--primary-blue,#1a5f9a);font-weight:600}.header-right[data-v-af4bc0ba]{flex-shrink:0;justify-content:flex-end;min-width:160px}.auth-skeleton[data-v-af4bc0ba],.header-right[data-v-af4bc0ba],.header-right-inner[data-v-af4bc0ba]{align-items:center;display:flex;gap:.5rem}.sk-circle[data-v-af4bc0ba]{animation:sk-pulse-af4bc0ba 1.4s ease-in-out infinite;border-radius:50%;width:36px}.sk-circle[data-v-af4bc0ba],.sk-pill[data-v-af4bc0ba]{background:#e2e8f0;height:36px}.sk-pill[data-v-af4bc0ba]{animation:sk-pulse-af4bc0ba 1.4s ease-in-out .2s infinite;border-radius:6px;width:90px}@keyframes sk-pulse-af4bc0ba{0%,to{opacity:1}50%{opacity:.45}}.auth-fade-enter-active[data-v-af4bc0ba]{transition:opacity .2s ease}.auth-fade-leave-active[data-v-af4bc0ba]{transition:opacity .15s ease}.auth-fade-enter-from[data-v-af4bc0ba],.auth-fade-leave-to[data-v-af4bc0ba]{opacity:0}.notif-dropdown[data-v-af4bc0ba]{position:relative}.notif-panel[data-v-af4bc0ba]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:300}.notif-header[data-v-af4bc0ba]{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 1rem}.notif-title[data-v-af4bc0ba]{color:#0f172a;font-size:.875rem;font-weight:600}.notif-mark-all[data-v-af4bc0ba]{background:none;border:none;color:var(--primary-blue,#1a5f9a);cursor:pointer;font-size:.75rem;font-weight:500}.notif-mark-all[data-v-af4bc0ba]:hover{text-decoration:underline}.notif-list[data-v-af4bc0ba]{max-height:300px;overflow-y:auto}.notif-empty[data-v-af4bc0ba]{color:#94a3b8;font-size:.85rem;padding:2rem 1rem;text-align:center}.notif-item[data-v-af4bc0ba]{border-bottom:1px solid #f8fafc;display:block;padding:.6rem 1rem;text-decoration:none;transition:background .12s}.notif-item[data-v-af4bc0ba]:hover{background:#f8fafc}.notif-item.unread[data-v-af4bc0ba]{background:#eff6ff}.notif-item.unread[data-v-af4bc0ba]:hover{background:#dbeafe}.notif-item-msg[data-v-af4bc0ba]{color:#334155;font-size:.825rem;line-height:1.4}.notif-item.unread .notif-item-msg[data-v-af4bc0ba]{color:#0f172a;font-weight:600}.notif-item-time[data-v-af4bc0ba]{color:#94a3b8;font-size:.7rem;margin-top:.15rem}.notif-footer[data-v-af4bc0ba]{border-top:1px solid #f1f5f9;color:var(--primary-blue,#1a5f9a);display:block;font-size:.8rem;font-weight:500;padding:.6rem;text-align:center;text-decoration:none}.notif-footer[data-v-af4bc0ba]:hover{background:#f8fafc}.icon-btn[data-v-af4bc0ba]{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;text-decoration:none;transition:color .15s,background .15s;width:36px}.icon-btn[data-v-af4bc0ba]:hover{background:#f1f5f9;color:var(--primary-blue,#1a5f9a)}.notif-wrap[data-v-af4bc0ba]{position:relative}.notif-badge[data-v-af4bc0ba]{align-items:center;background:#dc2626;border:1.5px solid #fff;border-radius:7px;color:#fff;display:flex;font-size:.5rem;font-weight:700;height:14px;justify-content:center;line-height:1;min-width:14px;padding:0 2px;position:absolute;right:3px;top:3px}.user-dropdown[data-v-af4bc0ba]{position:relative}.avatar-btn[data-v-af4bc0ba]{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;display:flex;gap:.45rem;height:36px;padding:.25rem .5rem .25rem .3rem;transition:border-color .15s,background .15s,box-shadow .15s}.avatar-btn[data-v-af4bc0ba]:hover,.avatar-btn[aria-expanded=true][data-v-af4bc0ba]{background:#f8fafc;border-color:var(--primary-blue,#1a5f9a);box-shadow:0 0 0 3px #1a5f9a14}.avatar[data-v-af4bc0ba]{align-items:center;background:var(--primary-blue,#1a5f9a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:26px;justify-content:center;letter-spacing:.02em;width:26px}.avatar-name[data-v-af4bc0ba]{color:#334155;font-size:.8125rem;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron[data-v-af4bc0ba]{color:#94a3b8;flex-shrink:0;transition:transform .18s ease}.chevron.rotated[data-v-af4bc0ba]{transform:rotate(180deg)}.dropdown-panel[data-v-af4bc0ba]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;min-width:230px;overflow:hidden;padding:.35rem 0;position:absolute;right:0;top:calc(100% + 6px);z-index:300}.dropdown-user-header[data-v-af4bc0ba]{align-items:center;display:flex;gap:.75rem;padding:.85rem 1rem}.dropdown-avatar-lg[data-v-af4bc0ba]{align-items:center;background:var(--primary-blue,#1a5f9a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:38px;justify-content:center;letter-spacing:.02em;width:38px}.dropdown-user-info[data-v-af4bc0ba]{display:flex;flex-direction:column;overflow:hidden}.dropdown-full-name[data-v-af4bc0ba]{color:#0f172a;font-size:.875rem;font-weight:600}.dropdown-email[data-v-af4bc0ba],.dropdown-full-name[data-v-af4bc0ba]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email[data-v-af4bc0ba]{color:#64748b;font-size:.775rem}.dropdown-divider[data-v-af4bc0ba]{background:#f1f5f9;height:1px;margin:.3rem 0}.dropdown-item[data-v-af4bc0ba]{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.65rem;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap;width:100%}.dropdown-item[data-v-af4bc0ba]:hover{background:#f8fafc;color:var(--primary-blue,#1a5f9a)}.dropdown-item svg[data-v-af4bc0ba]{flex-shrink:0;opacity:.7}.dropdown-item:hover svg[data-v-af4bc0ba]{opacity:1}.staff-item[data-v-af4bc0ba]{color:#b45309}.staff-item[data-v-af4bc0ba]:hover{background:#fffbeb;color:#92400e}.admin-item[data-v-af4bc0ba]{color:#7c3aed}.admin-item[data-v-af4bc0ba]:hover{background:#f5f3ff;color:#5b21b6}.danger-item[data-v-af4bc0ba]{color:#dc2626}.danger-item[data-v-af4bc0ba]:hover{background:#fef2f2;color:#b91c1c}.login-link[data-v-af4bc0ba]{border-radius:5px;color:#475569;font-size:.875rem;font-weight:500;padding:.3rem .6rem;text-decoration:none;transition:color .15s,background .15s}.login-link[data-v-af4bc0ba]:hover{background:#f1f5f9;color:var(--primary-blue,#1a5f9a)}.cta-btn[data-v-af4bc0ba]{background:var(--primary-blue,#1a5f9a);border-radius:6px;color:#fff;font-size:.8125rem;font-weight:600;padding:.4rem .9rem;text-decoration:none;transition:background .15s,box-shadow .15s;white-space:nowrap}.cta-btn[data-v-af4bc0ba]:hover{background:var(--primary-blue-dark,#0e4a7a);box-shadow:0 2px 8px #1a5f9a40}.dropdown-enter-active[data-v-af4bc0ba]{animation:dd-in-af4bc0ba .13s ease}.dropdown-leave-active[data-v-af4bc0ba]{animation:dd-out-af4bc0ba .1s ease}@keyframes dd-in-af4bc0ba{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dd-out-af4bc0ba{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.97)}}@media(max-width:900px){.nav[data-v-af4bc0ba]{display:none}.header-inner[data-v-af4bc0ba]{gap:.75rem}.avatar-name[data-v-af4bc0ba],.chevron[data-v-af4bc0ba]{display:none}}@media(max-width:480px){.header-inner[data-v-af4bc0ba]{padding:0 .75rem}.logo-sub[data-v-af4bc0ba]{display:none}}