nav[data-v-7b0666d2]{display:flex;justify-content:space-between;padding:10px 20px;background:#007bff;color:#fff}.icon-badge[data-v-7b0666d2]{position:relative;cursor:pointer;margin-right:20px}.badge[data-v-7b0666d2]{position:absolute;top:10px;right:-10px;background:red;color:#fff;font-size:.5;padding:3px;border-radius:5px}.notification-container[data-v-7b0666d2]{position:relative}.dropdown[data-v-7b0666d2]{position:absolute;right:-100px;top:60px;background:#fff;color:#000;width:300px;box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:5px;overflow:hidden;z-index:1000;max-height:auto;padding:10px}.dropdown li[data-v-7b0666d2]{padding:10px;border-bottom:1px solid #ddd;cursor:pointer}.dropdown li[data-v-7b0666d2]:hover{background:#f5f5f5}.dropdown .empty[data-v-7b0666d2]{text-align:center;padding:10px;color:gray}.scrollable[data-v-7b0666d2]{max-height:300px;overflow-y:auto}.scrollable[data-v-7b0666d2]::-webkit-scrollbar{width:6px}.scrollable[data-v-7b0666d2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollable[data-v-7b0666d2]::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.scrollable[data-v-7b0666d2]::-webkit-scrollbar-thumb:hover{background:#555}.icon-size[data-v-7b0666d2]{font-size:1.5rem}.notification[data-v-7b0666d2]{transition:.1s ease-in-out;padding:10px;border-radius:5px}.notification[data-v-7b0666d2]:hover{background-color:#f0f0f0;padding:10px;border-radius:5px}.notification-box[data-v-7b0666d2]{background-color:#e0e0e0;padding:10px;border-radius:5px}.notify-button[data-v-7b0666d2]{transition:.1s ease-in-out}.notify-button[data-v-7b0666d2]:hover{background:#e0e0e0}.profile-img img[data-v-7b0666d2]{width:40px;height:40px;border-radius:50%}.profile[data-v-7b0666d2]{display:flex;align-items:center}.animation[data-v-35f445e7]{animation-duration:1s;animation-fill-mode:none}.animation-fade-in[data-v-35f445e7]{animation-name:fadeIn-35f445e7}@keyframes fadeIn-35f445e7{0%{opacity:0}to{opacity:1}}.page-title[data-v-35f445e7]{font-weight:600;font-size:1.5rem;color:#2369c1}.loading-overlay[data-v-35f445e7]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner[data-v-35f445e7]{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin-35f445e7 1s linear infinite}@keyframes spin-35f445e7{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}