.header[data-v-c2d167cd]{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:80px;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.header[data-v-c2d167cd],.logo[data-v-c2d167cd]{align-items:center;display:flex}.logo[data-v-c2d167cd]{color:inherit;gap:1rem;text-decoration:none}.logo-circle[data-v-c2d167cd]{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;height:40px;width:40px}.logo-text[data-v-c2d167cd]{color:#333;font-size:1.5rem;font-weight:600}.right-section[data-v-c2d167cd]{align-items:center;display:flex}.menu-button[data-v-c2d167cd]{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.nav[data-v-c2d167cd]{align-items:center;display:flex}.nav ul[data-v-c2d167cd]{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav a[data-v-c2d167cd]{color:#333;font-weight:500;padding:.5rem 0;text-decoration:none}.nav a.active[data-v-c2d167cd]{border-bottom:2px solid #2c3e50;color:#2c3e50}.user-menu[data-v-c2d167cd]{display:flex;gap:1rem;position:relative}.user-menu .profile[data-v-c2d167cd],.user-menu button[data-v-c2d167cd]{background:none;border:none;color:#333;cursor:pointer;font-size:1.2rem;padding:.5rem;position:relative;text-decoration:none}.user-menu .profile[data-v-c2d167cd]:hover,.user-menu button[data-v-c2d167cd]:hover{background-color:#f5f5f5;border-radius:50%}.mobile-only[data-v-c2d167cd]{display:none}.menu-item[data-v-c2d167cd]{align-items:center;display:flex;gap:.5rem;position:relative}.menu-item .icon[data-v-c2d167cd]{font-size:1.2rem}.notification-badge[data-v-c2d167cd]{font-size:.75rem;padding:.1rem .4rem}@media (max-width:768px){.header[data-v-c2d167cd]{padding:1rem}.logo-text[data-v-c2d167cd]{font-size:1.2rem}.menu-button[data-v-c2d167cd]{display:block}.desktop-only[data-v-c2d167cd]{display:none}.mobile-only[data-v-c2d167cd]{display:block}.nav ul[data-v-c2d167cd]{background-color:#fff;box-shadow:0 2px 4px #0000001a;display:none;flex-direction:column;gap:0;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.nav ul.menu-open[data-v-c2d167cd]{display:flex}.nav li[data-v-c2d167cd]{border-bottom:1px solid #eee}.nav li[data-v-c2d167cd]:last-child{border-bottom:none}.nav a[data-v-c2d167cd]{display:block;padding:1rem .5rem}.nav a.active[data-v-c2d167cd]{border-bottom:none;color:#2c3e50}.menu-item[data-v-c2d167cd]{color:#333;padding:1rem .5rem;text-decoration:none}.notification-badge[data-v-c2d167cd]{margin-left:.5rem;position:static}}.notification-container[data-v-c2d167cd]{position:relative}.notification-panel[data-v-c2d167cd]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;max-height:480px;overflow-y:auto;position:absolute;right:0;top:100%;width:320px;z-index:1000}.notification-list[data-v-c2d167cd]{padding:8px 0}.notification-item[data-v-c2d167cd]{cursor:pointer}.notification-item[data-v-c2d167cd]:hover{background:#f5f5f5}.notification-content h4[data-v-c2d167cd]{font-size:14px;font-weight:600;margin:0 0 4px}.notification-content p[data-v-c2d167cd]{color:#666;font-size:13px;margin:0}.notification-time[data-v-c2d167cd]{color:#999;display:block;font-size:12px;margin-top:4px}.no-notifications[data-v-c2d167cd]{padding:32px 16px}.loading[data-v-c2d167cd],.no-notifications[data-v-c2d167cd]{color:#999;text-align:center}.loading[data-v-c2d167cd]{font-size:13px;padding:12px}.notification-header[data-v-c2d167cd]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notification-header h3[data-v-c2d167cd]{font-size:16px;font-weight:600;margin:0}.notification-actions[data-v-c2d167cd]{display:flex;gap:8px}.notification-actions button[data-v-c2d167cd]{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:13px;padding:4px 8px}.notification-actions button[data-v-c2d167cd]:hover{background:#f5f5f5}.notification-item[data-v-c2d167cd]{align-items:flex-start;border-bottom:1px solid #eee;display:flex;padding:12px 16px}.notification-content[data-v-c2d167cd]{cursor:pointer;flex:1}.delete-button[data-v-c2d167cd]{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:20px;margin-left:8px;padding:4px 8px}.delete-button[data-v-c2d167cd]:hover{background:#f5f5f5;color:#ff4757}.notification-badge[data-v-c2d167cd]{background-color:#ff4757;border-radius:10px;color:#fff;font-size:12px;min-width:18px;padding:2px 6px;position:absolute;right:0;text-align:center;top:0}