.notification-drawer-wrapper[data-v-24e2a08a]{z-index:9998;position:fixed;inset:0}.notification-drawer-overlay[data-v-24e2a08a]{backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.notification-drawer[data-v-24e2a08a]{-webkit-backdrop-filter:blur(24px);z-index:9999;background:linear-gradient(135deg,#fffffff2,#ffffffe6);flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000026}.dark .notification-drawer[data-v-24e2a08a]{background:linear-gradient(135deg,#111827f2,#1f2937e6);box-shadow:-4px 0 24px #0006}.notification-drawer-header[data-v-24e2a08a]{border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.dark .notification-drawer-header[data-v-24e2a08a]{border-bottom-color:#ffffff1a}.notification-drawer-icon[data-v-24e2a08a]{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6366f14d}.notification-drawer-icon[data-v-24e2a08a] svg{width:22px;height:22px}.notification-drawer-title[data-v-24e2a08a]{color:#111827;margin:0;font-size:18px;font-weight:700}.dark .notification-drawer-title[data-v-24e2a08a]{color:#f9fafb}.notification-drawer-subtitle[data-v-24e2a08a]{color:#6b7280;margin:2px 0 0;font-size:13px}.dark .notification-drawer-subtitle[data-v-24e2a08a]{color:#9ca3af}.notification-drawer-filter-btn[data-v-24e2a08a]{color:#6366f1;cursor:pointer;background:#6366f11a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.notification-drawer-filter-btn[data-v-24e2a08a]:hover{background:#6366f133}.notification-drawer-filter-btn[data-v-24e2a08a] svg{width:16px;height:16px}.notification-drawer-clear-btn[data-v-24e2a08a]{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.notification-drawer-clear-btn[data-v-24e2a08a]:hover{background:#ef444433}.notification-drawer-clear-btn[data-v-24e2a08a] svg{width:16px;height:16px}.notification-drawer-close-btn[data-v-24e2a08a]{color:#6b7280;cursor:pointer;background:#0000000d;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.dark .notification-drawer-close-btn[data-v-24e2a08a]{color:#9ca3af;background:#ffffff1a}.notification-drawer-close-btn[data-v-24e2a08a]:hover{color:#374151;background:#0000001a}.dark .notification-drawer-close-btn[data-v-24e2a08a]:hover{color:#d1d5db;background:#ffffff26}.notification-drawer-close-btn[data-v-24e2a08a] svg{width:20px;height:20px}.notification-drawer-content[data-v-24e2a08a]{flex:1;padding:16px;overflow-y:auto}.notification-drawer-empty[data-v-24e2a08a]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.notification-drawer-empty-icon[data-v-24e2a08a]{color:#9ca3af;width:64px;height:64px;margin-bottom:16px}.dark .notification-drawer-empty-icon[data-v-24e2a08a]{color:#6b7280}.notification-drawer-empty-text[data-v-24e2a08a]{color:#6b7280;margin:0;font-size:15px}.dark .notification-drawer-empty-text[data-v-24e2a08a]{color:#9ca3af}.notification-drawer-loading[data-v-24e2a08a]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.notification-drawer-loading-icon[data-v-24e2a08a]{color:#6366f1;width:48px;height:48px;margin-bottom:16px}.dark .notification-drawer-loading-icon[data-v-24e2a08a]{color:#818cf8}.notification-drawer-loading-text[data-v-24e2a08a]{color:#6b7280;margin:0;font-size:15px}.dark .notification-drawer-loading-text[data-v-24e2a08a]{color:#9ca3af}.notification-drawer-list[data-v-24e2a08a]{flex-direction:column;gap:12px;display:flex}.notification-drawer-item[data-v-24e2a08a]{backdrop-filter:blur(12px);background:#fff9;border:1px solid #00000014;border-radius:16px;gap:14px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.dark .notification-drawer-item[data-v-24e2a08a]{background:#1f293799;border-color:#ffffff1a}.notification-drawer-item[data-v-24e2a08a]:before{content:"";background:var(--notification-color);border-radius:16px 0 0 16px;width:4px;position:absolute;top:0;bottom:0;left:0}.notification-drawer-item.success[data-v-24e2a08a]{--notification-color:#22c55e}.notification-drawer-item.error[data-v-24e2a08a]{--notification-color:#ef4444}.notification-drawer-item.warning[data-v-24e2a08a]{--notification-color:#f59e0b}.notification-drawer-item.info[data-v-24e2a08a]{--notification-color:#3b82f6}.notification-drawer-item[data-v-24e2a08a]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.dark .notification-drawer-item[data-v-24e2a08a]:hover{box-shadow:0 8px 16px #0000004d}.notification-drawer-item-image[data-v-24e2a08a]{border-radius:12px;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 4px 12px #00000026}.notification-drawer-item-image img[data-v-24e2a08a]{object-fit:cover;width:100%;height:100%}.notification-drawer-item-badge[data-v-24e2a08a]{background:var(--notification-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000026}.notification-drawer-item-badge[data-v-24e2a08a] svg{color:#fff;width:22px;height:22px}.notification-drawer-item-content[data-v-24e2a08a]{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.notification-drawer-item-header[data-v-24e2a08a]{flex-direction:column;gap:4px;display:flex}.notification-drawer-item-header-top[data-v-24e2a08a]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-drawer-item-title[data-v-24e2a08a]{color:#111827;word-wrap:break-word;flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.4}.dark .notification-drawer-item-title[data-v-24e2a08a]{color:#f9fafb}.notification-drawer-item-time[data-v-24e2a08a]{color:#9ca3af;white-space:nowrap;flex-shrink:0;margin-top:2px;font-size:11px}.dark .notification-drawer-item-time[data-v-24e2a08a]{color:#6b7280}.notification-drawer-item-message[data-v-24e2a08a]{color:#6b7280;word-wrap:break-word;margin:0;font-size:13px;font-weight:400;line-height:1.5}.dark .notification-drawer-item-message[data-v-24e2a08a]{color:#9ca3af}.notification-drawer-item-footer[data-v-24e2a08a]{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.notification-drawer-item-meta[data-v-24e2a08a]{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:flex}.dark .notification-drawer-item-meta[data-v-24e2a08a]{color:#6b7280}.notification-drawer-item-meta-icon[data-v-24e2a08a]{flex-shrink:0;width:14px;height:14px}.notification-drawer-item-read-time[data-v-24e2a08a]{color:#9ca3af;flex-shrink:0;font-size:11px;font-style:italic}.dark .notification-drawer-item-read-time[data-v-24e2a08a]{color:#6b7280}.notification-drawer-item-actions[data-v-24e2a08a]{align-items:center;gap:8px;display:flex}.notification-drawer-item-detail-btn[data-v-24e2a08a]{background:var(--notification-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.notification-drawer-item-detail-btn[data-v-24e2a08a]:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.notification-drawer-item-detail-btn[data-v-24e2a08a] svg{width:14px;height:14px}.notification-drawer-item-remove-btn[data-v-24e2a08a]{color:#6b7280;cursor:pointer;background:#0000000d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.dark .notification-drawer-item-remove-btn[data-v-24e2a08a]{color:#9ca3af;background:#ffffff1a}.notification-drawer-item-remove-btn[data-v-24e2a08a]:hover{color:#374151;background:#0000001a}.dark .notification-drawer-item-remove-btn[data-v-24e2a08a]:hover{color:#d1d5db;background:#ffffff26}.notification-drawer-item-remove-btn[data-v-24e2a08a] svg{width:16px;height:16px}.drawer-enter-active .notification-drawer-overlay[data-v-24e2a08a],.drawer-leave-active .notification-drawer-overlay[data-v-24e2a08a]{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.drawer-enter-active .notification-drawer[data-v-24e2a08a],.drawer-leave-active .notification-drawer[data-v-24e2a08a]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer-enter-from .notification-drawer-overlay[data-v-24e2a08a],.drawer-leave-to .notification-drawer-overlay[data-v-24e2a08a]{opacity:0}.drawer-enter-from .notification-drawer[data-v-24e2a08a],.drawer-leave-to .notification-drawer[data-v-24e2a08a]{transform:translate(100%)}.drawer-enter-to .notification-drawer-overlay[data-v-24e2a08a],.drawer-leave-from .notification-drawer-overlay[data-v-24e2a08a]{opacity:1}.drawer-enter-to .notification-drawer[data-v-24e2a08a],.drawer-leave-from .notification-drawer[data-v-24e2a08a]{transform:translate(0)}@media (width<=640px){.notification-drawer[data-v-24e2a08a]{max-width:100%}}