.notification-toast-container{position:fixed;top:16px;right:16px;z-index:99999;pointer-events:none}.notification-toast-container>*{pointer-events:auto}.notification-toast-container.exiting .notification-toast{animation:slideOut .3s ease forwards}.notification-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);cursor:pointer;max-width:380px;animation:slideIn .3s ease forwards}.notification-toast:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.05)}.notification-toast__icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-toast__icon svg{color:#fff}.notification-toast__content{flex:1;min-width:0}.notification-toast__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.notification-toast__sender{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:#111827}.notification-toast__sender svg{color:#6b7280}.notification-toast__time{font-size:12px;color:#9ca3af}.notification-toast__body{font-size:13px;color:#4b5563;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-toast__close{padding:4px;background:rgba(0,0,0,0);border:none;cursor:pointer;color:#9ca3af;border-radius:6px;transition:all .2s;flex-shrink:0}.notification-toast__close:hover{background:#f3f4f6;color:#374151}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(prefers-color-scheme:dark){.notification-toast{background:#1f2937;box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1)}.notification-toast:hover{box-shadow:0 6px 24px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}.notification-toast__sender{color:#f9fafb}.notification-toast__sender svg{color:#9ca3af}.notification-toast__time{color:#6b7280}.notification-toast__body{color:#d1d5db}.notification-toast__close{color:#6b7280}.notification-toast__close:hover{background:#374151;color:#f9fafb}}:root[data-theme=dark] .notification-toast{background:var(--theme-elevation-100);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 0 1px var(--theme-elevation-200)}:root[data-theme=dark] .notification-toast__sender{color:var(--theme-elevation-1000)}:root[data-theme=dark] .notification-toast__body{color:var(--theme-elevation-800)}:root[data-theme=dark] .notification-toast__close:hover{background:var(--theme-elevation-200)}