.notification-float[data-v-8e623cba]{z-index:2000;position:fixed;top:20px;right:20px}.notification-btn[data-v-8e623cba]{border:1px solid var(--slate-200);width:48px;height:48px;color:var(--slate-600);background:#fff;border-radius:14px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notification-btn[data-v-8e623cba]:hover{background:var(--slate-50);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.bell-icon[data-v-8e623cba]{font-size:1.5rem}.badge-count[data-v-8e623cba]{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:800;transition:all .3s;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #ef44444d}.badge-zero[data-v-8e623cba]{background:var(--slate-400)!important;box-shadow:none!important}.notif-dropdown[data-v-8e623cba]{border:1px solid var(--slate-200);z-index:2010;background:#fff;border-radius:1.25rem;width:360px;position:absolute;top:60px;right:0;overflow:hidden;box-shadow:0 15px 40px #0000001f}.notif-header[data-v-8e623cba]{border-bottom:1px solid var(--slate-100);background:var(--slate-50);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.btn-mark-all[data-v-8e623cba]{color:var(--primary-dark);background:0 0;border:none;padding:0;font-size:.75rem;font-weight:700;transition:opacity .2s}.btn-mark-all[data-v-8e623cba]:hover{opacity:.7}.notif-body[data-v-8e623cba]{max-height:400px;overflow-y:auto}.notif-item[data-v-8e623cba]{cursor:pointer;border-bottom:1px solid var(--slate-50);gap:14px;padding:1.25rem;transition:all .2s;display:flex;position:relative}.notif-item[data-v-8e623cba]:hover{background:var(--slate-50)}.notif-item:hover .btn-delete-notif[data-v-8e623cba]{opacity:1}.notif-item.unread[data-v-8e623cba]{background:#f0f9ff}.notif-icon[data-v-8e623cba]{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-content[data-v-8e623cba]{flex-grow:1;min-width:0}.notif-type[data-v-8e623cba]{text-transform:uppercase;color:var(--slate-500);letter-spacing:.025em;margin-bottom:4px;font-size:.7rem;font-weight:700}.notif-msg[data-v-8e623cba]{color:var(--slate-800);white-space:normal;margin-bottom:4px;font-size:.875rem;font-weight:500;line-height:1.4}.notif-time[data-v-8e623cba]{color:var(--slate-400);font-size:.75rem}.notif-actions[data-v-8e623cba]{flex-direction:column;gap:8px}.btn-delete-notif[data-v-8e623cba],.notif-actions[data-v-8e623cba]{justify-content:center;align-items:center;display:flex}.btn-delete-notif[data-v-8e623cba]{width:28px;height:28px;color:var(--slate-400);opacity:0;background:0 0;border:none;border-radius:8px;transition:all .2s}.btn-delete-notif[data-v-8e623cba]:hover{color:#ef4444;background:#fee2e2}.unread-dot[data-v-8e623cba]{background:var(--primary-dark);border-radius:50%;width:8px;height:8px}.fade-down-enter-active[data-v-8e623cba],.fade-down-leave-active[data-v-8e623cba]{transition:all .3s}.fade-down-enter-from[data-v-8e623cba],.fade-down-leave-to[data-v-8e623cba]{opacity:0;transform:translateY(-10px)}@keyframes pulse-8e623cba{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.animate-pulse[data-v-8e623cba]{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-8e623cba}@media (width<=768px){.notification-float[data-v-8e623cba]{top:16px;right:16px}.notif-dropdown[data-v-8e623cba]{width:calc(100vw - 32px);right:0}.notif-body[data-v-8e623cba]{max-height:min(400px,60vh)}.notif-header[data-v-8e623cba],.notif-item[data-v-8e623cba]{padding:1rem}}@media (width<=380px){.notification-float[data-v-8e623cba]{top:12px;right:12px}.notification-btn[data-v-8e623cba]{border-radius:12px;width:38px;height:38px}.bell-icon[data-v-8e623cba]{font-size:1.25rem}}
