.header[data-v-5b8c7542]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:transparent;border-bottom:1px solid transparent;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.header.scrolled[data-v-5b8c7542]{background:#f5f5f5;border-bottom-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.header[data-v-5b8c7542]:before{background:linear-gradient(90deg,transparent,rgba(102,126,234,.3) 50%,transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.header-content[data-v-5b8c7542]{height:var(--height-header);justify-content:space-between}.header-content[data-v-5b8c7542],.nav-menu[data-v-5b8c7542]{align-items:center;display:flex}.nav-menu[data-v-5b8c7542]{gap:2rem}.nav-link[data-v-5b8c7542]{border-radius:12px;font-size:var(--font-size-small);font-weight:500;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link[data-v-5b8c7542]:hover{color:var(--color-primary);transform:translateY(-2px)}.nav-link[data-v-5b8c7542]:hover:before{left:100%}.user-menu[data-v-5b8c7542]{position:relative}.header-action-buttons[data-v-5b8c7542],.user-menu[data-v-5b8c7542]{align-items:center;display:flex;gap:1rem}.user-info[data-v-5b8c7542]{align-items:center;border-radius:12px;color:#000;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info svg[data-v-5b8c7542]{transition:all .3s ease}.user-info:hover>svg[data-v-5b8c7542]{color:var(--color-primary);transform:scale(1.1)}.user-avatar[data-v-5b8c7542]{border:2px solid var(--color-primary-light);border-radius:50%;height:2.5rem;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:2.5rem}.badge[data-v-5b8c7542],.user-avatar[data-v-5b8c7542]{align-items:center;display:flex;font-weight:600;justify-content:center}.badge[data-v-5b8c7542]{animation:pulse-5b8c7542 2s infinite,badgeBounce-5b8c7542 .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #000;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:.55rem;height:1.15rem;position:absolute;right:1px;top:1px;width:1.15rem}@keyframes badgeBounce-5b8c7542{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-5b8c7542{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-button[data-v-5b8c7542]{position:relative}.notification-panel[data-v-5b8c7542]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid hsla(0,0%,100%,.25);border-radius:18px;box-shadow:0 18px 45px #0f172a1f;opacity:0;pointer-events:none;position:absolute;right:-.5rem;top:calc(100% + 8px);transform:translateY(-16px) scale(.96);transform-origin:top right;transition:opacity .25s ease,transform .25s ease;width:400px;z-index:50}.notification-panel.show[data-v-5b8c7542]{animation:notificationSlideDown-5b8c7542 .28s cubic-bezier(.22,.61,.36,1) forwards;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}@keyframes notificationSlideDown-5b8c7542{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-panel[data-v-5b8c7542]:before{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.2);border-bottom:none;border-right:none;content:"";height:16px;position:absolute;right:20px;top:-8px;transform:rotate(45deg);width:16px}.notification-header[data-v-5b8c7542]{align-items:center;border-bottom:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.notification-header h3[data-v-5b8c7542]{color:#000;font-size:var(--font-size-medium);font-weight:700;margin:0}.mark-all-read[data-v-5b8c7542]{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:var(--font-size-mini);font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mark-all-read[data-v-5b8c7542]:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.notification-list[data-v-5b8c7542]{max-height:400px;overflow-y:auto}.notification-item[data-v-5b8c7542]{border-bottom:1px solid rgba(102,126,234,.1);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-icon[data-v-5b8c7542]{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;height:2.8rem;justify-content:center;transition:all .3s ease;width:2.8rem}.notification-content[data-v-5b8c7542]{flex:1;min-width:0}.notification-title[data-v-5b8c7542]{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.notification-message[data-v-5b8c7542]{color:#6b7280;font-size:.8125rem;line-height:1.4;margin-bottom:.25rem}.notification-type[data-v-5b8c7542]{border:1px solid var(--gray-300);border-radius:8px;display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.notification-time[data-v-5b8c7542]{color:#9ca3af;font-size:.75rem}.notification-status[data-v-5b8c7542]{background:#d1d5db;border-radius:50%;flex-shrink:0;height:.5rem;transition:all .3s ease;width:.5rem}.notification-status.unread[data-v-5b8c7542]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d}.notification-empty[data-v-5b8c7542]{color:#64748b;padding:2rem 1.5rem;text-align:center}.notification-empty .icon-md[data-v-5b8c7542]{color:#94a3b8;margin-bottom:.5rem}.notification-footer[data-v-5b8c7542]{border-top:1px solid rgba(226,232,240,.5);padding:1rem 1.5rem;text-align:center}.view-all[data-v-5b8c7542]{border-radius:12px;color:#000;display:inline-block;font-size:var(--font-size-mini);font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-all[data-v-5b8c7542]:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.close-button[data-v-5b8c7542]{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(226,232,240,.8);border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#64748b;cursor:pointer;display:none;height:40px;justify-content:center;padding:10px;right:1.5rem;top:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:10}.close-button[data-v-5b8c7542]:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:var(--color-primary);box-shadow:0 6px 20px #00000026;color:var(--color-primary);transform:scale(1.1) rotate(90deg)}.close-button[data-v-5b8c7542]:active{transform:scale(.95) rotate(90deg)}.mobile-bottom-nav[data-v-5b8c7542]{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000000d;display:none;left:0;padding:.5rem 0;position:fixed;right:0;z-index:1000}.mobile-nav-item[data-v-5b8c7542]{align-items:center;background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:center;padding:.5rem;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-item.active[data-v-5b8c7542]{color:#000}.mobile-nav-item.active .mobile-nav-icon-wrapper[data-v-5b8c7542]:before{background:#000;border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:-.5rem;transform:translate(-50%);width:32px}.mobile-nav-icon-wrapper[data-v-5b8c7542]{align-items:center;display:flex;justify-content:center;margin-bottom:.25rem;position:relative}.mobile-nav-icon[data-v-5b8c7542]{height:24px;width:24px}.mobile-nav-label[data-v-5b8c7542]{font-size:.75rem;font-weight:500;text-align:center}.overlay[data-v-5b8c7542]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:1001}.overlay-enter-active[data-v-5b8c7542],.overlay-leave-active[data-v-5b8c7542]{transition:opacity .3s ease}.overlay-enter-from[data-v-5b8c7542],.overlay-leave-to[data-v-5b8c7542]{opacity:0}.menu-panel[data-v-5b8c7542]{background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;left:0;max-height:70vh;position:fixed;right:0;z-index:1002}.menu-enter-active[data-v-5b8c7542],.menu-leave-active[data-v-5b8c7542]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-enter-from[data-v-5b8c7542],.menu-leave-to[data-v-5b8c7542]{transform:translateY(100%)}.menu-header[data-v-5b8c7542]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.menu-header h3[data-v-5b8c7542]{color:#1f2937;font-size:var(--font-size-heading-6);font-weight:600;margin:0}.menu-content[data-v-5b8c7542]{flex:1;overflow-y:auto;padding:.5rem}.menu-item[data-v-5b8c7542]{align-items:center;background:transparent;border:none;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:var(--font-size-base);gap:1rem;padding:1rem 1.25rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.menu-item[data-v-5b8c7542]:active{background:#f3f4f6;transform:scale(.98)}.menu-icon[data-v-5b8c7542]{flex-shrink:0;height:24px;width:24px}.menu-label[data-v-5b8c7542]{flex:1;font-weight:500}.menu-item .badge[data-v-5b8c7542]{margin-left:auto;position:static}@media(max-width:1024px){.nav-menu[data-v-5b8c7542]{display:none}}@media(max-width:768px){.header[data-v-5b8c7542]{display:none}.badge[data-v-5b8c7542]{height:1.4rem;width:1.4rem}.close-button[data-v-5b8c7542],.mobile-bottom-nav[data-v-5b8c7542]{display:flex}.notification-panel[data-v-5b8c7542]{animation:slideInFromRight-5b8c7542 .4s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:0;bottom:0!important;box-shadow:-10px 0 40px #0003;height:100vh;left:auto;margin:0;overflow-y:auto;padding:5rem .5rem 2rem;position:fixed!important;right:0!important;top:0!important;width:100%;z-index:110}.notification-panel[data-v-5b8c7542]:before{display:none}.notification-list[data-v-5b8c7542]{max-height:none}}@keyframes slideInFromRight-5b8c7542{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.close-button[data-v-5b8c7542]{right:1.25rem;top:1.25rem}}