@keyframes fadeIn-bad20580{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-bad20580{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bell-bad20580{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@keyframes pulse-bad20580{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notifications-container[data-v-bad20580]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);padding:32px;animation:fadeIn-bad20580 .5s ease-in}.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px}.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]:before{content:"🔔";font-size:40px;animation:bell-bad20580 2s ease-in-out infinite;background:none;-webkit-text-fill-color:initial}.flex.justify-between.items-center.mb-6 button[data-v-bad20580]{padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:8px}.bg-gray-200.text-gray-700[data-v-bad20580]{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151;box-shadow:0 4px 12px #00000014}.bg-gray-200.text-gray-700[data-v-bad20580]:hover{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.bg-blue-600.text-white[data-v-bad20580]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 16px #667eea4d}.bg-blue-600.text-white[data-v-bad20580]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.bg-white.p-4.rounded-md.shadow.mb-6[data-v-bad20580]{background:white;padding:20px;border-radius:16px;box-shadow:0 4px 20px #00000014;animation:fadeIn-bad20580 .6s ease-out}.flex.flex-wrap.gap-3 button[data-v-bad20580]{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.bg-gray-100.text-gray-800[data-v-bad20580]{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);color:#374151;border-color:#e5e7eb}.bg-gray-100.text-gray-800[data-v-bad20580]:hover{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-color:#d1d5db;transform:translateY(-2px)}.bg-blue-100.text-blue-800[data-v-bad20580]{background:linear-gradient(135deg,#ddd6fe 0%,#c7d2fe 100%);color:#4338ca;border-color:#a78bfa;box-shadow:0 4px 12px #667eea33}.bg-white.rounded-md.shadow[data-v-bad20580]{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.divide-y>div[data-v-bad20580]{padding:20px;transition:all .3s ease;border-bottom:1px solid #f3f4f6;animation:slideIn-bad20580 .5s ease-out}.divide-y>div[data-v-bad20580]:hover{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);transform:translate(8px);border-left:4px solid #a78bfa}.bg-blue-50[data-v-bad20580]{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-left:4px solid #667eea}.bg-blue-50[data-v-bad20580]:hover{background:linear-gradient(135deg,#ddd6fe 0%,#c7d2fe 100%)}.flex-shrink-0.w-10.h-10[data-v-bad20580]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:20px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.divide-y>div:hover .flex-shrink-0.w-10.h-10[data-v-bad20580]{transform:scale(1.1);box-shadow:0 6px 16px #00000026}.bg-blue-100.text-blue-600[data-v-bad20580]{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.bg-green-100.text-green-600[data-v-bad20580]{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#047857}.bg-yellow-100.text-yellow-600[data-v-bad20580]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.bg-purple-100.text-purple-600[data-v-bad20580]{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed}.flex-grow h3[data-v-bad20580]{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:6px}.flex-grow p[data-v-bad20580]{font-size:14px;color:#4b5563;line-height:1.5;margin-top:8px}.text-xs.text-gray-500[data-v-bad20580]{font-size:12px;color:#9ca3af;font-weight:500}.px-2.py-1.rounded.text-xs[data-v-bad20580]{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.bg-blue-100.text-blue-800[data-v-bad20580]{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.bg-green-100.text-green-800[data-v-bad20580]{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.bg-yellow-100.text-yellow-800[data-v-bad20580]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.bg-purple-100.text-purple-800[data-v-bad20580]{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#6b21a8}.bg-red-100.text-red-800[data-v-bad20580]{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;font-weight:800}.text-blue-600.text-sm.hover\:underline[data-v-bad20580]{color:#667eea;font-weight:600;transition:all .3s ease;padding:6px 12px;border-radius:8px}.text-blue-600.text-sm.hover\:underline[data-v-bad20580]:hover{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);transform:scale(1.05);text-decoration:none}.p-8.text-center.text-gray-500[data-v-bad20580]{padding:80px 32px;text-align:center}.p-8.text-center.text-gray-500 i[data-v-bad20580]{font-size:64px;color:#d1d5db;margin-bottom:24px;animation:pulse-bad20580 2s ease-in-out infinite}.p-8.text-center.text-gray-500 p[data-v-bad20580]{font-size:16px;color:#9ca3af;font-weight:500}.mt-6.flex.justify-between.items-center[data-v-bad20580]{margin-top:32px;padding:0}.text-sm.text-gray-600[data-v-bad20580]{font-size:14px;color:#6b7280;font-weight:600}.flex.gap-2 button[data-v-bad20580]{padding:10px 18px;border:2px solid #e5e7eb;border-radius:10px;background:white;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:13px}.flex.gap-2 button[data-v-bad20580]:not(:disabled):hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;transform:translateY(-2px)}.flex.gap-2 button[data-v-bad20580]:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.fixed.inset-0.bg-black.bg-opacity-50[data-v-bad20580]{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-bad20580 .3s ease-out}.bg-white.rounded-lg.shadow-lg.max-w-md[data-v-bad20580]{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:fadeIn-bad20580 .4s ease-out}.bg-white.rounded-lg.shadow-lg.max-w-md h2[data-v-bad20580]{font-size:24px;font-weight:800;color:#1f2937}.bg-white.rounded-lg.shadow-lg.max-w-md h3[data-v-bad20580]{font-size:16px;font-weight:700;color:#374151;margin-bottom:12px}.bg-white.rounded-lg.shadow-lg.max-w-md label[data-v-bad20580]{font-size:14px;color:#4b5563;font-weight:500}.bg-white.rounded-lg.shadow-lg.max-w-md input[type=checkbox][data-v-bad20580]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.bg-white.rounded-lg.shadow-lg.max-w-md button[data-v-bad20580]{padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;transition:all .3s ease;border:none;cursor:pointer}.bg-white.rounded-lg.shadow-lg.max-w-md .bg-gray-200[data-v-bad20580]{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151}.bg-white.rounded-lg.shadow-lg.max-w-md .bg-gray-200[data-v-bad20580]:hover{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);transform:translateY(-2px)}.bg-white.rounded-lg.shadow-lg.max-w-md .bg-blue-600[data-v-bad20580]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 16px #667eea4d}.bg-white.rounded-lg.shadow-lg.max-w-md .bg-blue-600[data-v-bad20580]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.text-gray-500.hover\:text-gray-700[data-v-bad20580]{color:#9ca3af;font-size:20px;transition:all .3s ease;padding:8px;border-radius:8px}.text-gray-500.hover\:text-gray-700[data-v-bad20580]:hover{color:#374151;background:#f3f4f6}@media (max-width: 1024px){.notifications-container[data-v-bad20580]{padding:24px}.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]{font-size:28px}.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]:before{font-size:32px}}@media (max-width: 768px){.notifications-container[data-v-bad20580]{padding:16px}.flex.justify-between.items-center.mb-6[data-v-bad20580]{flex-direction:column;align-items:flex-start;gap:16px}.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]{font-size:24px}.flex.justify-between.items-center.mb-6 .flex.gap-3[data-v-bad20580]{width:100%;flex-direction:column;gap:12px}.flex.justify-between.items-center.mb-6 .flex.gap-3 button[data-v-bad20580]{width:100%;justify-content:center}.flex.flex-wrap.gap-3[data-v-bad20580]{gap:8px}.flex.flex-wrap.gap-3 button[data-v-bad20580]{padding:8px 16px;font-size:13px}.divide-y>div[data-v-bad20580]{padding:16px}.divide-y>div[data-v-bad20580]:hover{transform:translate(4px)}.flex-shrink-0.w-10.h-10[data-v-bad20580]{width:40px;height:40px;font-size:18px}.mt-6.flex.justify-between.items-center[data-v-bad20580]{flex-direction:column;gap:16px;align-items:stretch}.flex.gap-2[data-v-bad20580]{justify-content:space-between}}@media (max-width: 480px){.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]{font-size:20px}.flex.justify-between.items-center.mb-6 h1[data-v-bad20580]:before{font-size:24px}.bg-white.p-4.rounded-md.shadow.mb-6[data-v-bad20580]{padding:16px}.divide-y>div[data-v-bad20580]{padding:12px}.flex-grow h3[data-v-bad20580]{font-size:15px}.flex-grow p[data-v-bad20580]{font-size:13px}.px-2.py-1.rounded.text-xs[data-v-bad20580]{font-size:10px;padding:4px 10px}}