.notifications-wrapper{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:340px;display:flex;position:fixed;bottom:20px;right:20px}.notification{border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);box-shadow:var(--shadow-sm);border:.5px solid var(--border);background:var(--bg-secondary);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;line-height:1.5;animation:.3s forwards slideIn;display:flex;position:relative;overflow:hidden}.notification.closing{pointer-events:none;animation:.3s forwards slideOut}.notification.success{background:var(--bg-secondary);border-left:3px solid var(--accent-success)}.notification.error{background:var(--bg-secondary);border-left:3px solid var(--accent-error)}.notification.warning{background:var(--bg-secondary);border-left:3px solid var(--accent-warning)}.notification.info{background:var(--bg-secondary);border-left:3px solid var(--accent-info)}.notification-close{font-size:var(--font-size-lg);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;margin-left:12px;padding:4px;display:flex}.notification-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}