.notification-list[data-v-187bb876]{display:flex;flex-direction:column;max-height:500px;width:400px}.notification-header[data-v-187bb876]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.notification-title[data-v-187bb876]{font-size:16px;font-weight:600;margin:0}.notification-content[data-v-187bb876]{flex:1;overflow-y:auto}.notification-item[data-v-187bb876]{align-items:flex-start;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:12px;transition:background-color .2s}.notification-item[data-v-187bb876]:last-child{border-bottom:none}.notification-item[data-v-187bb876]:hover{background-color:#f8f9fa}.notification-item.unread[data-v-187bb876]{background-color:#f0f7ff}.notification-icon[data-v-187bb876]{align-items:center;background-color:#e3f2fd;border-radius:50%;color:#1976d2;display:flex;height:32px;justify-content:center;margin-right:12px;width:32px}.notification-body[data-v-187bb876]{flex:1}.notification-title[data-v-187bb876]{font-weight:500;margin-bottom:4px}.notification-content[data-v-187bb876]{color:#666;font-size:14px;margin-bottom:4px}.notification-time[data-v-187bb876]{color:#999;font-size:12px}.navbar[data-v-56ca62d1]{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:.75rem 0}.text-gradient[data-v-56ca62d1]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-toggle[data-v-56ca62d1]{align-items:center!important;border-radius:50%;cursor:pointer;display:flex!important;height:44px;justify-content:center!important;margin-right:.5rem;padding:.5rem!important;transition:all .3s ease;width:44px}.notification-toggle[data-v-56ca62d1]:hover{background-color:#f8f9fa;transform:translateY(-1px)}.notification-toggle[data-v-56ca62d1]:focus{box-shadow:0 0 0 2px #667eea4d;outline:none}.notification-badge[data-v-56ca62d1]{align-items:center;animation:pulse-56ca62d1 2s infinite;display:flex;font-size:.7rem;height:1.2rem;justify-content:center;min-width:1.2rem}@keyframes pulse-56ca62d1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown[data-v-56ca62d1]{background:#fff;border:none;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:420px;min-width:400px;opacity:1;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transform:translateY(0);transition:all .3s ease;visibility:visible;z-index:1050}.user-dropdown-toggle[data-v-56ca62d1]{border-radius:25px;padding:.5rem 1rem!important;transition:all .3s ease}.user-dropdown-toggle[data-v-56ca62d1]:hover{background-color:#f8f9fa;transform:translateY(-1px)}.user-name[data-v-56ca62d1]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow[data-v-56ca62d1]{font-size:.8rem;transition:transform .3s ease}.user-dropdown-toggle:hover .dropdown-arrow[data-v-56ca62d1]{transform:rotate(180deg)}.dropdown-menu[data-v-56ca62d1]{border:none;border-radius:12px;min-width:280px;padding:.5rem 0}.dropdown-header[data-v-56ca62d1]{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem}.dropdown-item[data-v-56ca62d1]{border-radius:8px;margin:.2rem .5rem;transition:all .3s ease}.dropdown-item[data-v-56ca62d1]:hover{background-color:#f8f9fa;transform:translate(5px)}@media (max-width:768px){.notification-dropdown[data-v-56ca62d1]{left:1rem;max-width:none;min-width:auto;position:fixed;right:1rem;top:70px}.dropdown-menu[data-v-56ca62d1]{min-width:250px}.user-name[data-v-56ca62d1]{display:none!important}}.nav-link.active[data-v-56ca62d1]{color:#667eea!important;font-weight:600}.btn-primary.rounded-pill[data-v-56ca62d1]{transition:all .3s ease}.btn-primary.rounded-pill[data-v-56ca62d1]:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}