.notification-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:20px}.notification-toast{background:var(--bg-primary,#fff);cursor:pointer;pointer-events:auto;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;align-items:flex-start;gap:12px;min-width:320px;max-width:400px;padding:14px 16px;transition:transform .2s,opacity .2s,background-color .3s;animation:.3s slideInRight;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.notification-toast:hover{transform:translate(-4px)}.notification-toast.exiting{animation:.3s forwards slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-avatar{flex-shrink:0;width:44px;height:44px}.toast-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.toast-avatar-fallback{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.toast-content{flex:1;min-width:0;padding-right:24px}.toast-message{color:var(--text-primary,#1f2937);margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.4;transition:color .3s}.toast-time{color:var(--text-secondary,#6b7280);font-size:12px;transition:color .3s}.toast-close{cursor:pointer;width:24px;height:24px;color:var(--text-light,#9ca3af);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.toast-close:hover{background-color:var(--bg-hover,#f3f4f6);color:var(--text-secondary,#4b5563)}.toast-progress{background:var(--bg-tertiary,#e5e7eb);height:3px;position:absolute;bottom:0;left:0;right:0}.toast-progress-bar{transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;animation:linear forwards shrink}@keyframes shrink{0%{width:100%}to{width:0%}}[data-theme=dark] .notification-toast,.dark .notification-toast,html.dark .notification-toast{background:#1f2937;border-color:#374151;box-shadow:0 4px 20px #0006}[data-theme=dark] .toast-message,.dark .toast-message,html.dark .toast-message{color:#f9fafb}[data-theme=dark] .toast-time,.dark .toast-time,html.dark .toast-time{color:#9ca3af}[data-theme=dark] .toast-close,.dark .toast-close,html.dark .toast-close{color:#6b7280}[data-theme=dark] .toast-close:hover,.dark .toast-close:hover,html.dark .toast-close:hover{color:#d1d5db;background-color:#374151}[data-theme=dark] .toast-progress,.dark .toast-progress,html.dark .toast-progress{background:#374151}@media (max-width:640px){.notification-toast-container{inset:auto 10px 80px}.notification-toast{min-width:unset;max-width:unset;width:100%}}