@keyframes fadeIn-1e3bc168{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-1e3bc168{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bell-1e3bc168{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}@keyframes pulse-1e3bc168{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notifications-container[data-v-1e3bc168]{min-height:100vh;background:transparent;padding:0}.notif-hero[data-v-1e3bc168]{background:linear-gradient(140deg,#0b1226 0%,#1e1b4b 55%,#312e81 100%);padding:24px 32px;margin-bottom:24px;height:160px;box-sizing:border-box;display:flex;align-items:center;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0f172a4d}.notif-hero[data-v-1e3bc168]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.35),transparent 50%),radial-gradient(circle at 80% 70%,rgba(34,197,94,.22),transparent 50%);pointer-events:none}.notif-hero-inner[data-v-1e3bc168]{width:100%;max-width:1240px;margin:0 auto;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.notif-eyebrow[data-v-1e3bc168]{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35);border-radius:999px;color:#4ade80;font-size:.8rem;font-weight:600;margin-bottom:14px}.notif-hero h1[data-v-1e3bc168]{font-family:Outfit,sans-serif;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 8px;color:#fff}.notif-hero p[data-v-1e3bc168]{margin:0;color:#ffffffb8;font-size:1.02rem;max-width:520px}.notif-hero-actions[data-v-1e3bc168]{display:flex;gap:10px;flex-wrap:wrap}.notif-btn-ghost[data-v-1e3bc168],.notif-btn-primary[data-v-1e3bc168]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.88rem;border:none;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.notif-btn-ghost[data-v-1e3bc168]{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.notif-btn-ghost[data-v-1e3bc168]:hover{background:rgba(255,255,255,.16)}.notif-btn-primary[data-v-1e3bc168]{background:linear-gradient(135deg,#6366f1,#22c55e);color:#fff;box-shadow:0 14px 28px -10px #6366f180}.notif-btn-primary[data-v-1e3bc168]:hover{transform:translateY(-1px);box-shadow:0 18px 36px -12px #6366f199}.notif-content[data-v-1e3bc168]{max-width:1240px;margin:0 auto;padding:0 32px 32px;display:grid;gap:24px}.notifications-container h1[data-v-1e3bc168]{font-family:Outfit,sans-serif;color:#fff}.flex.justify-between.items-center.mb-6 h1[data-v-1e3bc168]{font-size:36px;font-weight:800;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 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-1e3bc168]:before{content:"🔔";font-size:40px;animation:bell-1e3bc168 2s ease-in-out infinite;background:none;-webkit-text-fill-color:initial}.flex.justify-between.items-center.mb-6 button[data-v-1e3bc168]{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-1e3bc168]{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151;box-shadow:0 4px 12px #00000014}.bg-gray-200.text-gray-700[data-v-1e3bc168]: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-1e3bc168]{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 16px #6366f14d}.bg-blue-600.text-white[data-v-1e3bc168]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.bg-white.p-4.rounded-md.shadow.mb-6[data-v-1e3bc168]{background:rgba(255,255,255,.85);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(99,102,241,.18);padding:20px;border-radius:18px;box-shadow:0 1px 3px #0f172a0a,0 18px 36px -14px #4f46e538,inset 0 1px #ffffffb3}.flex.flex-wrap.gap-3 button[data-v-1e3bc168]{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-1e3bc168]{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);color:#374151;border-color:#e5e7eb}.bg-gray-100.text-gray-800[data-v-1e3bc168]:hover{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-color:#d1d5db;transform:translateY(-2px)}.bg-blue-100.text-blue-800[data-v-1e3bc168]{background:linear-gradient(135deg,#ddd6fe 0%,#c7d2fe 100%);color:#4338ca;border-color:#a78bfa;box-shadow:0 4px 12px #6366f133}.bg-white.rounded-md.shadow[data-v-1e3bc168]{background:rgba(255,255,255,.85);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(99,102,241,.18);border-radius:18px;box-shadow:0 1px 3px #0f172a0a,0 18px 36px -14px #4f46e538,inset 0 1px #ffffffb3;overflow:hidden}.divide-y>div[data-v-1e3bc168]{padding:20px;transition:all .3s ease;border-bottom:1px solid #f3f4f6;animation:slideIn-1e3bc168 .5s ease-out}.divide-y>div[data-v-1e3bc168]:hover{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);transform:translate(8px);border-left:4px solid #a78bfa}.bg-blue-50[data-v-1e3bc168]{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-left:4px solid #6366f1}.bg-blue-50[data-v-1e3bc168]:hover{background:linear-gradient(135deg,#ddd6fe 0%,#c7d2fe 100%)}.flex-shrink-0.w-10.h-10[data-v-1e3bc168]{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-1e3bc168]{transform:scale(1.1);box-shadow:0 6px 16px #00000026}.bg-blue-100.text-blue-600[data-v-1e3bc168]{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1d4ed8}.bg-green-100.text-green-600[data-v-1e3bc168]{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#047857}.bg-yellow-100.text-yellow-600[data-v-1e3bc168]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.bg-purple-100.text-purple-600[data-v-1e3bc168]{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed}.flex-grow h3[data-v-1e3bc168]{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:6px}.flex-grow p[data-v-1e3bc168]{font-size:14px;color:#4b5563;line-height:1.5;margin-top:8px}.text-xs.text-gray-500[data-v-1e3bc168]{font-size:12px;color:#9ca3af;font-weight:500}.px-2.py-1.rounded.text-xs[data-v-1e3bc168]{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-1e3bc168]{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.bg-green-100.text-green-800[data-v-1e3bc168]{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.bg-yellow-100.text-yellow-800[data-v-1e3bc168]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.bg-purple-100.text-purple-800[data-v-1e3bc168]{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#6b21a8}.bg-red-100.text-red-800[data-v-1e3bc168]{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;font-weight:800}.text-blue-600.text-sm.hover\:underline[data-v-1e3bc168]{color:#6366f1;font-weight:600;transition:all .3s ease;padding:6px 12px;border-radius:8px}.text-blue-600.text-sm.hover\:underline[data-v-1e3bc168]: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-1e3bc168]{padding:80px 32px;text-align:center}.p-8.text-center.text-gray-500 i[data-v-1e3bc168]{font-size:64px;color:#d1d5db;margin-bottom:24px;animation:pulse-1e3bc168 2s ease-in-out infinite}.p-8.text-center.text-gray-500 p[data-v-1e3bc168]{font-size:16px;color:#9ca3af;font-weight:500}.mt-6.flex.justify-between.items-center[data-v-1e3bc168]{margin-top:32px;padding:0}.text-sm.text-gray-600[data-v-1e3bc168]{font-size:14px;color:#6b7280;font-weight:600}.flex.gap-2 button[data-v-1e3bc168]{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-1e3bc168]:not(:disabled):hover{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border-color:#6366f1;transform:translateY(-2px)}.flex.gap-2 button[data-v-1e3bc168]:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.fixed.inset-0.bg-black.bg-opacity-50[data-v-1e3bc168]{background:rgba(0,0,0,.6);backdrop-filter:blur(4px);animation:fadeIn-1e3bc168 .3s ease-out}.bg-white.rounded-lg.shadow-lg.max-w-md[data-v-1e3bc168]{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:fadeIn-1e3bc168 .4s ease-out}.bg-white.rounded-lg.shadow-lg.max-w-md h2[data-v-1e3bc168]{font-size:24px;font-weight:800;color:#1f2937}.bg-white.rounded-lg.shadow-lg.max-w-md h3[data-v-1e3bc168]{font-size:16px;font-weight:700;color:#374151;margin-bottom:12px}.bg-white.rounded-lg.shadow-lg.max-w-md label[data-v-1e3bc168]{font-size:14px;color:#4b5563;font-weight:500}.bg-white.rounded-lg.shadow-lg.max-w-md input[type=checkbox][data-v-1e3bc168]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.bg-white.rounded-lg.shadow-lg.max-w-md button[data-v-1e3bc168]{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-1e3bc168]{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151}.bg-white.rounded-lg.shadow-lg.max-w-md .bg-gray-200[data-v-1e3bc168]: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-1e3bc168]{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 16px #6366f14d}.bg-white.rounded-lg.shadow-lg.max-w-md .bg-blue-600[data-v-1e3bc168]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.text-gray-500.hover\:text-gray-700[data-v-1e3bc168]{color:#9ca3af;font-size:20px;transition:all .3s ease;padding:8px;border-radius:8px}.text-gray-500.hover\:text-gray-700[data-v-1e3bc168]:hover{color:#374151;background:#f3f4f6}@media (max-width: 1024px){.notifications-container[data-v-1e3bc168]{padding:24px}.flex.justify-between.items-center.mb-6 h1[data-v-1e3bc168]{font-size:28px}.flex.justify-between.items-center.mb-6 h1[data-v-1e3bc168]:before{font-size:32px}}@media (max-width: 768px){.notifications-container[data-v-1e3bc168]{padding:16px}.flex.justify-between.items-center.mb-6[data-v-1e3bc168]{flex-direction:column;align-items:flex-start;gap:16px}.flex.justify-between.items-center.mb-6 h1[data-v-1e3bc168]{font-size:24px}.flex.justify-between.items-center.mb-6 .flex.gap-3[data-v-1e3bc168]{width:100%;flex-direction:column;gap:12px}.flex.justify-between.items-center.mb-6 .flex.gap-3 button[data-v-1e3bc168]{width:100%;justify-content:center}.flex.flex-wrap.gap-3[data-v-1e3bc168]{gap:8px}.flex.flex-wrap.gap-3 button[data-v-1e3bc168]{padding:8px 16px;font-size:13px}.divide-y>div[data-v-1e3bc168]{padding:16px}.divide-y>div[data-v-1e3bc168]:hover{transform:translate(4px)}.flex-shrink-0.w-10.h-10[data-v-1e3bc168]{width:40px;height:40px;font-size:18px}.mt-6.flex.justify-between.items-center[data-v-1e3bc168]{flex-direction:column;gap:16px;align-items:stretch}.flex.gap-2[data-v-1e3bc168]{justify-content:space-between}}@media (max-width: 480px){.flex.justify-between.items-center.mb-6 h1[data-v-1e3bc168]{font-size:20px}.flex.justify-between.items-center.mb-6 h1[data-v-1e3bc168]:before{font-size:24px}.bg-white.p-4.rounded-md.shadow.mb-6[data-v-1e3bc168]{padding:16px}.divide-y>div[data-v-1e3bc168]{padding:12px}.flex-grow h3[data-v-1e3bc168]{font-size:15px}.flex-grow p[data-v-1e3bc168]{font-size:13px}.px-2.py-1.rounded.text-xs[data-v-1e3bc168]{font-size:10px;padding:4px 10px}}